使用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验证，但它不是必需的你想要什么。