1

我有以下商店：

var dnrListStore = new Ext.data.ArrayStore({
fields: [
    {name: 'SUBSYS_ART_NR', type: 'int'},
    {name: 'ART_DESC', type: 'string'},
    {name: 'SORTEN_TEXT', type: 'auto'},
    {name: 'VAR', type: 'int'},
    {name: 'GEBI', type: 'int'},
    {name: 'DNR_ID', type: 'int'},
    {name: 'STATUS', type: 'int'},
    {name: 'LEVEL0', type: 'float'},
    {name: 'VALUE0', type: 'float'},
    {name: 'LEVEL1', type: 'float'},
    {name: 'VALUE1', type: 'float'},
    {name: 'LEVEL3', type: 'float'},
    {name: 'VALUE3', type: 'float'}
],
data: dnrList
});

某些列（ LEVELX 和 VALUEX ）可能null是因为员工输入的值。所以，我想隐藏那些没有可用值的列。checkValue函数运行良好，返回正确的值。我尝试了以下但没有任何反应。

var checkValue = function(arg) {
var v = {};
for (var i = 0; i < dnrList.length; i++) {
    v[i] = dnrList[i].data;
}

for (var key in v) {
    if (v[key].hasOwnProperty(arg)) {
        return true
    } else {
        return false
    }
}
}

// on grid columns definition
columns: [
    {text: 'LEVEL 1', dataIndex: 'LEVEL1', hidden: checkValue("LEVEL1")}
]

// or
columns: [
    {text: 'LEVEL 1', dataIndex: 'LEVEL1', hidden: (checkValue("LEVEL1") ? true : false)}
]

你知道我们是怎么做到的吗？

另
一种方式通过这种方式，我可以完成任务但不可行！

columns:[
   {
       text: 'LEVEL 1', dataIndex: 'LEVEL1',
       renderer: function(val, meta, rec, row, col) {
           if (val == null) {
              Ext.getCmp('summary-grid').headerCt.remove(col);
           } else {
              return rec.get('LEVEL1')
           }
       }
   }
]
4

1 回答 1

2

我认为您的解决方案/方法不可行，用户应该如何知道哪些值为空。如果您的列得到以下响应（例如 LEVEL 1），您会怎么做：

1级
------
(null) ----> 您将设置 LEVEL 1 列隐藏
some-value ----> 现在呢？
some-other-value ----> 再次设置可见？

无论如何，如果您想在列中的所有数据为空时隐藏列，那么您可以在商店的加载事件中添加这样的逻辑，如下所示：

store.on('load', function() {

    nullbaleColumns = new Array();

    // iterate all data,
    // get all columns whose data is null and push columns into nullbaleColumns
    // you can use store.each()


    // get grid headerCt
    // get all columns
    // hide columns whose data is null

    var columns = grid.headerCt.getGridColumns();
    // hide and show columns according to dataIndex or any other parameters by iterating
    // nullbaleColumns and columns using hide() and show() methods

    columns[4].hide(); // 4th entire column is null, so hide
});
于 2013-09-10T07:39:24.120 回答