Ext常用知识点积累--textfield，store，grid

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 : '数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;值<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='查看详细信息' οnclick='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;

    }