extjs - 带触发器的文本区域 - 如何将触发器添加到制表符

标签 extjs

以下表单几乎完全可以在不使用鼠标的情况下进行编辑:

https://fiddle.sencha.com/#view/editor&fiddle/2gsi

唯一不可访问的是文本区域字段的触发器。

由于 textareafield 是可输入的,我想使 textareafield 的触发器可选项卡式。 Tab 是我认为唯一可以使用而不妨碍一般打字能力的东西。

我该怎么做?我在 trigger documentation 中没有找到任何内容

最佳答案

不是一个完整的答案,但评论太长,可能对您有帮助。这是一种可能的解决方案:https://fiddle.sencha.com/#view/editor&fiddle/2gt8

我通过将顶级元素设置为 button(默认情况下它是 div)来覆盖触发器的 renderTpl 配置,并且我添加了一些样式。

您可以使用 tabindex 使 div 可选项卡,但问题是当您在焦点触发器上按 Enter 时,它不会执行处理程序。

使用当前方法,唯一的问题是文本区域的焦点样式变得困惑。当您在聚焦于触发器后按下 Tab 键时,文本区域仍将保持聚焦类。

关于extjs - 带触发器的文本区域 - 如何将触发器添加到制表符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50391549/

相关文章:

ios - iPad 中 iFrame 中的 Extjs Web 应用程序链接没有响应

javascript - 如何获取documentFragment中的子节点?

javascript - Extjs 3.3 动态添加字段到表单并设置其标签宽度

javascript - 指示Sencha SDK工具捆绑app.json中指定的其他js文件

javascript - ExtJS & Css 面板背景

extjs - 受限窗口渲染错误

javascript - EXT JS 将内容图像数据加载到窗口中

javascript - 过滤 ViewModel 存储并实现到 ExtJS 面板的正确方法是什么?

javascript - Ext JS 组合框 : how to fix item at the top of BoundList dropdown

extjs - 如何在商店中禁用分页