码迷,mamicode.com
首页 > Web开发 > 详细

Extjs知识点汇总

时间:2017-07-24 11:22:18      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:span   内容   class   lag   extjs   column   win   pre   his   

自定义渲染单元格内容

{
            name:"device.flag",
            header: ‘确认‘,
            dataIndex: ‘flag‘,
            width:50,
            renderer: function(value, cellmeta, record, rowIndex, columnIndex, store){
                if(value == ‘1‘){
                    return "<input id=‘flag12‘ name=‘flag‘ type=‘checkbox‘  onclick=‘javascript:changeme(this,"+rowIndex+","+columnIndex+")‘ checked=true>";
                }
                return "<input id=‘flag1‘ name=‘flag‘ onclick=‘javascript:changeme(this,"+rowIndex+","+columnIndex+")‘ type=‘checkbox‘ >";
            }
        }

获取单元格内容的值

function changeme(obj,rowIndex, columnIndex){
        console.log(rowIndex+"changeme1:"+obj.checked+columnIndex);
        var store = Ext.getCmp("grid_ly").getStore();
        var record = store.getAt(rowIndex);
        console.log(rowIndex+"record:"+record.data.flag);
        if(obj.checked){
            record.data.flag="1";
        }else{
            record.data.flag="0";
        }
    }

遍历表格数据改变行背景色

resultGrid.getStore().on(‘load‘,function(s,records){
          var girdcount=0;
          s.each(function(r){
                  if(r.get(‘QRQK‘)==‘待确认‘){
                         resultGrid.getView().getRow(girdcount).style.backgroundColor=‘#FFE4E1‘;
                  }else{
                         resultGrid.getView().getRow(girdcount).style.backgroundColor=‘#C1FFC1‘;
                  }
                 girdcount=girdcount+1;
             });
      });

 

Extjs知识点汇总

标签:span   内容   class   lag   extjs   column   win   pre   his   

原文地址:http://www.cnblogs.com/luoxiaolei/p/7227599.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!