extjs4 grid点击单元格鼠标手形，修改背景色

原创于 2012-04-20 10:19:09 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

extjs 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在ExtJS4中设置Grid的单元格点击时显示手形光标，并通过代码实现不同单元格状态下的样式变化及监听点击事件。

extjs4让grid的单元格点击时支持手形。

Ext.widget('gridpanel', {
    title: 'grid',
    height: 200,
    width: 200,
    renderTo: Ext.getBody(),
    columns: [{
        text: 'Col',
        dataIndex: 'col',
        renderer: function (val, metadata, record) {
            if (record.get('col') == 1) {
                metadata.style = 'background-color: #FFFFCC !important;cursor: pointer;'
            }
            return val;
        },
        listeners:{
             "click":function(grid,cell,row){
                      var r =  grid.store.getAt(row);
              }
       }
    }],
    store: {
        fields: ['col'],
        data: [{
            col: 1
        }, {
            col: 2
        }]
    }
})