如何使空行在dojo Datagrid中不可见

时间:2016-06-07 12:56:31

标签: javascript dojo dojox.grid.datagrid

我的网格中有2个标题行。问题是,由于这个原因,我的网格中有另一行,用数据打开我的行。这是渲染后的网格:

enter image description here

grid = new dojox.grid.DataGrid({                     id:OwnId,                     商店:gridStore,                     onStyleRow:function(row){

                    if (row.index === 14) {
                        var color = "color:red;";
                        row.customStyles += color;
                    }
                },
                structure : structure,
                onHeaderCellClick: function(e) {                        
                        if (!dojo.hasClass(e.cell.id, "staticHeader")) {
                            e.grid.setSortIndex(e.cell.index);
                            e.grid.onHeaderClick(e);
                        }                        
                    },
                    onHeaderCellMouseOver: function(e) {
                         if (!dojo.hasClass(e.cell.id, "staticHeader")) {                                                    
                            dojo.addClass(e.cellNode, this.cellOverClass);                            
                        }
                    }
            });

那么如何消除/隐藏这些空行呢?有什么建议吗?

我正在创建这样的结构:

var _gridStyle = 'text-align: center;';
    var _dateColumn = true;
    var _gridStructure = [];
    console.log(params);
    if (params.connectorNames !== "undefined") {

        // setting grid structure
        _gridStructure.push([]);

        for (var i = 0; i < params.connectorNames.length; i++) {
            _gridStructure[0].push({
                name : "test",
                headerClasses : "staticHeader"
            });
        }
        _gridStructure.push([]);

        for (var i = 0; i < metricNames.length; i++) {

            // if data column is required

            if (_dateColumn === true && i === 0) {
                _gridStructure[1].push({
                    field : "Datum",
                    name : "Datum",
                    width : "5%",
                    styles : _gridStyle
                });
                _dateColumn = false;
                i--;
            } else {

                _gridStructure[1].push({
                    field : metricNames[i],
                    name : metricNames[i].replace("ANZAHL_", ""),
                    styles : _gridStyle,
                });

            }

        }

    }

1 个答案:

答案 0 :(得分:0)

好的,我添加了

onStyleRow: function(e) {
                        dojo.style(e.node.children[0].children[0].rows[0],'display','none');
                }

到我的网格......空单元格消失了。如果第一个数据列填充了数据,则将行[0]的索引更改为“1”。