?

通常情況下，ExtJS4的form表單必填項在輸入狀態下會有特殊提示，非輸入狀態下，顯示卻和其他項沒有任何區別。為使必填項更加容易區分，我們需要根據allowBlank的屬性值，為form表單中的必填項添加紅色*標識

?

在ExtJS4的form表單中，常用組件的繼承關系圖1-1：

//為form表單中必填項添加紅色*號標志 Ext.override(Ext.form.field.Base,{ //針對form中的基本組件 　　initComponent:function(){　　
　　if(this.allowBlank!==undefined && !this.allowBlank){
　　　if(this.fieldLabel){
　　　　 　　this.fieldLabel = '<font color:red">*</font>'+this.fieldLabel;
　　　　　}
　　　　}
　　　　this.callParent(arguments);
　　}
});

　　有基本組件，必然就有非基本組件：CheckboxGroup、RadioGroup、FieldContainer和FieldContainer，它們通常是存放多個基本組件的集合，我們稱之為容器組件，它們的繼承關系

?

Ext.override(Ext.container.Container,{ //針對form中的容器組件initComponent:function(){if(this.allowBlank!==undefined && !this.allowBlank){if(this.fieldLabel){ this.fieldLabel = '<font color:red">*</font>'+this.fieldLabel; } } this.callParent(arguments); } });

?

最后，需要說明的是，在給必填項添加紅色*的時候，我們是將*號直接添加到標簽上的，事實上單就標簽，ExtJS也為我們提供了豐富的配置項：
??????????? labelAlign：標簽的位置。值可以為top、left或者right，默認為left labelCls：應用到標簽的樣式類名稱。默認為”x-form-item-label” labelPad：設置標簽的內補丁。默認為5 labelSeparator：標簽文本后的符號，默認為英文的冒號( : ) labelStyle：應用到標簽的樣式 labelWidth：標簽的寬度，默認為100 原文鏈接：http://blog.sina.com.cn/s/blog_8843dc110101ed32.html?

?

轉載于:https://www.cnblogs.com/yangw/p/5037113.html

總結

以上是生活随笔為你收集整理的ExtJS4为form表单必填项添加红色*标识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。