根据数据样式 Dojox Grid Row

Posted

技术标签:

【中文标题】根据数据样式 Dojox Grid Row【英文标题】:Style Dojox Grid Row depending on data 【发布时间】:2009-11-30 09:59:08 【问题描述】:

我正在尝试根据网格中的值在 DojoX (1.2.3) 网格中设置行样式。

网格布局:

var view1 = 
                noscroll: true,
                rows: [
                    field: 'TASK_ID',
                    name: 'ID',
                    width: '80px',
                    get: this.getColor
                , 
                    field: 'MENUPOINT',
                    name: 'Action',
                    width: '250px'
                ]
            ;

getColor 函数:

 getColor: function(inRowIndex) 
        console.log(inRowIndex);
        grid = dijit.byId('gridTaskCurrent');
            // if task_id = 1 style row with other background(?)
        ,

而且我不知道如何从每一行获取 task_id 值并为 行..如果有人有一个很好的链接或知道怎么做..那就太好了。

【问题讨论】:

【参考方案1】:

我自己弄的:

dojo.connect(dijit.byId('gridTaskCurrent'), 'onStyleRow' , this, function(row) 
                   var item = grid.getItem(row.index);

                    if (item) 
                        var type = grid.store.getValue(item, "LOCKED", null);
                        if (type == 1) 
                            row.customStyles += "background-color:limegreen;";
                        
                    

                    grid.focus.styleRow(row);
                    grid.edit.styleRow(row);


                );

【讨论】:

以上是关于根据数据样式 Dojox Grid Row的主要内容,如果未能解决你的问题,请参考以下文章

dojox.grid.EnhancedGrid 如何设置 noDataMessage?

dojox.grid.EnhancedGrid 和 dojox.grid.DataGrid 的继承关系

如何覆盖 dojox _Scroller 类中的方法?

dojox.grid.DataGrid 扩展时不起作用

动态设置 dojox.grid.datagrid 标题列宽

dojox.data.Grid 中的小部件 (dijit.form.Button)