1.根据控件id修改控件label标签
Ext.DomQuery.selectNode('label[for=way_s_id]').innerHTML = '收取方式<font color="red">*</font>:';
2.根据控件id修改控件常用属性值
Ext.getCmp('deal_s_low').allowBlank=false;
或者
Ext.getCmp('deal_s_low').getEl().dom.readOnly=true;
3.根据id修改固定容器中标签名字
Ext.getCmp('price_desc_s').getEl().update('元/次');
例如：
{
id : 'price_desc_s',
columnWidth : .1,
layout : 'form',
style : "margin-top:4;",
html : "元/次"
}
4.通过id修改控件样式属性
document.getElementById('deal_s_low').style.background='none';
document.getElementById('deal_s_high').style.background='none';
document.getElementById('deal_s_low').style.background='white';
5.红*标识
var red = "<font color='red'>*</font>";
6.常用数字输入框
{
xtype : 'numberfield',
regex : /^\d{1,9}(\.\d{1,2})?$/, //规则校验
invalidText : '只能输入数字0.01~999999999.99，最多两位小数', //规则校验描述
fieldLabel : '数 值<font color=red>*</font>', //label标签值，补空格是为了对齐页面上下内容
allowBlank : false, //true,可为空，false不可为空，必填
minValue :0.01, //最小值
minText :'输入的最小值是0.01', //最小值校验提示
maxValue:'999999999.99', //最大值
maxText :'输入的最大值是999999999.99', //最大值校验提示
decimalPrecision :2, //保留小数位数
id : 'deposit_valueid', //数字文本框控件实例唯一标识
name : 'deposit_value',
anchor : '100%'
}
7.演示用数据demo
var dataStore = new Ext.data.SimpleStore({
fields : ['number','ratetype','begindate','dayrate','state' ],
data : [ ['788','3个月','2014-12-10','0.19','1' ],
['789','6个月','2014-09-08','0.26','2'],
['787','一年','2015-01-01','0.35','1']]
});
var stateStore = new Ext.data.SimpleStore({
fields : ["key" , "value"],
data : [ ['1','有效'],['2','无效']]
});
8.使用了所有的参数的render方法
function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) {
var str = "<input type='button' value='查看详细信息' onclick='alert("" +
"这个单元格的值是：" + value + "n" +
"这个单元格的配置是：{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}n" +
"这个单元格对应行的record是：" + record + "，一行的数据都在里边n" +
"这是第" + rowIndex + "行n" +
"这是第" + columnIndex + "列n" +
"这个表格对应的Ext.data.Store在这里：" + store + "，随便用吧。" +
"")'>";
return str;
}