ExtJS之表单篇(formpanel) 学习总结

1、根据值Value改变gridpanel单元格字体颜色
(通过ColumnModel控件的renderer属性)
renderer : function(value) {
	if (value == '0')
		return '正常';
	else if (value == '1')
		return "<span style='color:red;'>注销</span>";
}

参考: http://blog.sina.com.cn/s/blog_647a022e01016ilj.html

2、FORM表单设值
data的值JSON格式为:{"in":"iamin","out":"iamout"}
其中id中的in\out为form表单中的fieldtext id
qForm.getForm().setValues([
    {id:'in',value:data.in},
    {id:'out',value:data.out}    	  
]);


3、将一个文本框改成金额格式,并校验。
在onReady中定义新的vtype:
Ext.onReady(function(){
	//输入框为金额时重新定义
	Ext.apply(Ext.form.VTypes, {
	    money: function (val) {
	        return /^([1-9]\d{0,7}|0)(\.\d{1,2})?$/.test(val);
	    },
	    moneyText: '请输入正确的金额'
	});
});

EXT布局中的文本框新增vtype:
{fieldLabel:'金额',vtype:'money',name:'amount',allowBlank : false}


4、在表单B提交时,顺带将表单A中的参数也提交。
在表单B提交时方法中写:
var otherParams =formA.getForm().getValues(true);
formB.form.submit({
	url:'***',
	method:'POST',
	params : otherParams,
	success:function(form,res){
		alert("success");
	},
	failure:function(form,res){
		alert("fail");	
	}
});

你可能感兴趣的:(FormPanel)