首页 > Web开发 > 详细

Extjs知识点汇总

时间:2017-07-24 10:48:58      阅读:264      评论:0      收藏:0      [点我收藏+]

自定义渲染单元格内容

{
            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知识点汇总

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!