本文地址：[http://blog.csdn.net/sushengmiyan/article/details/39395753](http://blog.csdn.net/sushengmiyan/article/details/39395753) 官方例子:[?http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.Labelable-cfg-beforeLabelTpl](http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.Labelable-cfg-beforeLabelTpl)[](http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each) 本文作者：[sushengmiyan](http://blog.csdn.net/sushengmiyan) ------------------------------------------------------------------------------------------------------------------------------------ 在注冊頁面獲取填寫信息的界面，我們都能看到必填選項的標志*?這個東西。在Ext中，我們可以通過fieldLabel來創建一個標簽，但是沒有選項明確指出有必填選項的配置，剛才看了下官方的examples/kitchensink/#form-contact例子，發現有個beforeLabelTpl配置可以用來設置必填選項的*標志。 看一下效果先：  在標簽的左邊就增加了*必填標志。 實現方法： ~~~ items:[{ xtype: 'textfield', name: 'username', labelWidth: 50, fieldLabel: '用戶名', beforeLabelTextTpl: [ '<span style="color:red;font-weight:bold" data-qtip="必填選項">*</span>' ], //allowBlank: false, emptyText: '用戶名或郵箱地址' },{ xtype: 'textfield', name: 'password', labelWidth: 50, inputType: 'password', fieldLabel: '密 碼', beforeLabelTextTpl: [ '<span style="color:red;font-weight:bold" data-qtip="必填選項">*</span>' ], //allowBlank: false, emptyText: '請輸入您的密碼' }] ~~~ 通過設置beforeLabelTextTpl配置，我們可以避免了每一次都在標簽前面自己寫個星號，再寫標簽名稱那樣粗魯的方法了，可以這樣自定義方式實現選項的標簽配置。 2.labelAlign標簽對齊方式 還有，標簽的顯示，我想把‘用戶名’和‘密碼’這兩個對其，就是想在密碼中間加個空格，但是我嘗試之后發現不可行，不知道是不是ext的bug還是故意這么做的。后來發現可以設置label的對齊方式，設置為右對齊，那么密碼的碼字就和用戶名的名字對齊了。但是前面字體還是不對齊，相比之下，又好看了一點啊。 ~~~ fieldDefaults: { labelAlign: 'right', labelWidth: 115, msgTarget: 'side' }, ~~~  3.錯誤提示信息msgTarget： 一共可以設置qtip、title、under、side、none五種樣式，我喜歡under的就是在下面出現錯誤信息的，需要定制客戶化的信息使用的是blankText。 ~~~ msgTarget: 'under' ~~~ ~~~ blankText:"用戶名不允許為空" ~~~ 顯示效果：  關于其他方式，可以自己試下效果，看名字也可以猜到效果的，看起來還不錯呢。