javascript - 使用 ExtJS TabPanel 的选项卡标题显示所需符号的好方法是什么？

Question

我在对话框中只有几个选项卡。他们每个人都有至少一个必填字段。我可以使用 ExtJS allowBlack 属性轻松地在这些字段中显示星号，但该属性不适用于 ExtJS TabPanel 的选项卡标题。

在每个选项卡的标题旁边以红色显示必填/星号符号以便用户知道包含必填项的选项卡的好方法是什么？

Answer 1

您需要一些编程才能让它按照您想要的方式工作。

基本上您需要的是检查 form 是否包含必填字段 (allowBlank: false) 并为其添加一个星号。如果您想让它的响应速度更快一些，您可以添加一个 validitychange 监听器，以便在您键入时从标题中添加和删除 *。

您可以在执行此操作时使用 CSS 来添加/删除样式。

这是一个例子:https://fiddle.sencha.com/#view/editor&fiddle/21mu

注意:此示例设置为使用 ExtJS 6，因此您需要将其调整为 ExtJS 4。

注意 2: 这个例子包含一个覆盖来添加/删除 required 属性，以便更容易处理 CSS 验证，但这不是必需的你想要的。