Ext 必填项

Ext 必填项 *

?

?

方法1:在items中加*号

var shortName = new Ext.form.TextField({fieldLabel : '客户简称',name : 'shortName',allowBlank : false,blankText : '客户简称不能为空',width : 100});var formPanel = new Ext.form.FormPanel({layout : 'table',layoutConfig : {columns : 3},items : [{layout : 'form',items : [{layout : 'table',items : [{layout : 'form',items : [shortName]}, {html : '<font id="noFont" style="padding-left:1px" color="red">*</font>'}]}]}]})

?

?

方法2:覆写onRender方法并添加个sideText属性，并定义样式x-form-sideText

/** * 适用于TextField、NumberField(转自互联网) */Ext.override(Ext.form.TextField, {sideText : '',onRender : function(ct, position) {Ext.form.TextField.superclass.onRender.call(this, ct, position);if (this.sideText != '' && !this.triggerAction) {this.sideEl = ct.createChild({tag : 'div',html : this.sideText});this.sideEl.addClass('x-form-sideText');}}});/** * 适用于ComboBox */Ext.override(Ext.form.ComboBox, {sideText : '',onRender : function(ct, position) {Ext.form.ComboBox.superclass.onRender.call(this, ct, position);if (this.sideText != '') {this.sideEl = ct.first('div').createChild({tag : 'div',style : 'padding-left: 19px; ',html : this.sideText});this.sideEl.addClass('x-form-sideText');}if (this.hiddenName) {this.hiddenField = this.el.insertSibling({tag : 'input',type : 'hidden',name : this.hiddenName,id : (this.hiddenId || this.hiddenName)}, 'before', true);// prevent input submissionthis.el.dom.removeAttribute('name');}if (Ext.isGecko) {this.el.dom.setAttribute('autocomplete', 'off');}if (!this.lazyInit) {this.initList();} else {this.on('focus', this.initList, this, {single : true});}}});

?定义style:

<style>        .x-form-sideText {               padding-left: 2px;               display: inline-block;               display: inline;        }  </style>

??

示例:

var shortName = new Ext.form.TextField({fieldLabel : '客户简称',name : 'shortName',allowBlank : false,blankText : '客户简称不能为空',sideText : '<font color=red>*</font>',width : 100});

?

?