用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验证，但这对于您想要的不是必需的。