1

我在 Gridx 中创建了一个网格，其中列出了一堆用户。单击网格中的 ROW（该行的任何部分）时，会弹出一个对话框并显示有关该用户的附加信息以及可以为该用户执行的操作（禁用用户、忽略用户等） - 当其中一个从弹出窗口中选择选项，我想禁用该行。获取行等的逻辑我可以处理，但我无法弄清楚如何使网格行实际上“显示”禁用以及如何使该行不再可点击。

有没有一种简单的方法可以做到这一点？如果您不熟悉 gridx，也可以使用适用于 EnhancedGrids 或其他 Dojo 网格的解决方案。

4

2 回答 2

0

好吧，现在我有更多信息，这是一个解决方案：

在 Grid 小部件或其父代码中保留迄今为止已禁用的所有行的列表。然后在 onRowClick 监听器上，我会编写如下代码：

on(grid, "onRowClick", function(e) {
    if(disabledRows[rowIndex]) {
        return;
    }

    // Do whatever pop up stuff you want and after
    // a user selects the value, you can "disable"
    // your row afterwards by adding it to the disabled
    // list so that it can no longer be clicked on.

    var rowIndex = e.rowIndex;
    disabledRows[rowIndex] = true;

    // This is just some random class I made up but
    // you can use css to stylize the row however you want
    var rowNode = e.rowNode;
    domClass.add(rowNode, "disabled");

});

请注意，domClass 是我命名的“dojo/dom-class”。希望这可以帮助！

于 2014-03-21T08:43:15.500 回答
0

这可能不是您要搜索的内容：

如果您想通过自己的过滤器功能隐藏一行或多行，您可以在 DOM 中将您自己的类添加到这些行中以不显示。在这里，我向您展示了一个函数，用于仅显示那些在您的过滤器列表中的可选字段/列中具有值的行。

function hideRowFilter(gridId, fieldName, filterList)
{
    var store = gridId.store;
    var rowId;
    store.query(function(object){
        rowId = gridId.row(object.id,true).node();
        if  (filterList.indexOf(object[fieldName]) == -1)
            domClass.add(rowId, "noDisplay"); // anzeigen
        else
            domClass.remove(rowId, "noDisplay"); // verstecken
    });
}

CSS：

.noDisplay { display: none; }

因此，例如，我可以通过此调用仅显示 myState 为 3 或 4 的条目：

hideRowFilter(gridId, 'myState', [3, 4]);

请注意，domClass 是我命名的“dojo/dom-class”

于 2018-01-24T11:21:03.523 回答