首页 > 解决方案 > 带触发器的文本区域 - 如何将触发器添加到选项卡

问题描述

以下表格几乎可以在没有鼠标的情况下完全编辑:

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

唯一无法访问的是 textareafield 的触发器。

由于 textareafield 是可键入的,我想让 textareafield 的触发器成为可选项。制表符是我认为我可以在不妨碍一般打字能力的情况下使用的唯一东西。

我怎样才能做到这一点?我在触发器文档中没有找到任何东西

标签: extjs

解决方案


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

renderTpl通过将顶级元素设置为 a button(默认为 a div)来覆盖触发器的配置,并为其添加了一些样式。

您可以div使用tabindex制作表格,但问题是当您在焦点触发器上按 enter 时,它不会执行处理程序。

使用当前的方法,唯一的问题是 textarea 的焦点样式被弄乱了。当您在关注触发器后按 tab 键时,textarea 仍将保持焦点类。


推荐阅读