如何在ExtJS TabPanel的选项卡标题中显示必填符号?

3

我在对话框中有几个选项卡,每个选项卡都至少有一个必填字段。我可以使用ExtJS allowBlank属性轻松地在这些字段旁边显示星号符号,但是该属性不能用于ExtJS TabPanel的选项卡标题。

有什么好的方法可以在每个选项卡标题旁以红色显示必填/星号符号,以便用户知道包含强制性项目的选项卡?

1个回答

3
你需要一些编程才能使其按照你的意愿工作。
基本上,你需要检查 form 是否有必填字段 (allowBlank: false) 并在其后面添加一个星号。 如果你想让它更具响应性,可以添加一个 validitychange 监听器,在输入时添加和删除标题中的 *。
你可以玩弄 CSS 来添加/移除样式。
以下是示例:https://fiddle.sencha.com/#view/editor&fiddle/21mu 注意:此示例设置为与 ExtJS 6 兼容,因此你需要将其调整为 ExtJS 4。
注意2:此示例包含一个覆盖以添加/删除 required 属性,以便更轻松地处理 CSS 验证,但这对你想要的并不是必需的。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接