Extjs改变网格中单元格轮廓的颜色。

Question

根据单元格中的可编辑值，改变网格中单元格轮廓的颜色。我知道你需要监听器'改变''后改变'编辑css样式。

      columns: [{
         text: 'code', 
        dataIndex: 'code', 
        flex: 1, 
        align: 'center' }, 
        { 
       text: 'source', 
        hidden: true, 
        dataIndex: 'code_source', 
        flex: 2, align: 'center', 
        renderer: function (value, metaData) { metaData.tdAttr = 'data-qtip="' + 
       value + '"'; return value; } }, 
        { text: 'value', 
        dataIndex: 'value', 
        flex: 3, 
        align: 'center', 
        editor: { xtype:'textfield', allowBlank: false, minLength: 1, maxLength: 
        255 }, 
       renderer: function (value, metaData) { if(!value){ value = ''; } 
       metaData.tdAttr = 'data-qtip="' + value + '"'; return value ? value : ''; 
       } 
}]

Answer 1

你可以改变列的风格，使用 renderer 在网格列中的功能。

renderer : function(value, meta) {
    if(value === "smth") {
        meta.style = "border-color:green;border-width:2px"; // extra style here
    }
    return value;
}