用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驗證，但這對於您想要的不是必需的。