3

我在我的视图上显示了一个 igGrid，它在每一行上都启用了编辑和删除。

我想根据记录显示编辑和删除按钮。根据列数据，某些行将同时具有编辑和删除按钮，而其他行只能具有编辑或删除按钮。我想在渲染网格时控制这些按钮，这样用户就看不到任何不适用的按钮。

请指导我如何在 igGrid 中实现此功能以及我应该调用什么事件？

4

1 回答 1

3

实际上有几种方法可以做到这一点，但我认为最简单的方法是使用条件模板（行或特定列）。使用这些，您可以评估其他列的值并基于该呈现按钮。我从列模板示例开始，并添加了另一列进行编辑： 

$("#grid").igGrid({
    //...
    columns : [
        {
            headerText : "",
            key : "Delete",
            dataType : "string",
            width : "10%",
            unbound : true,
            template : "{{if ${MakeFlag} }}<input type='button' onclick='deleteRow(${ProductID})' value='Delete' class='delete-button'/>{{/if}}"
        }
        //...
    ]
});

jSFiddle：http: //jsfiddle.net/damyanpetev/dVLrA/

如果它的唯一目的是作为启用按钮的标志，则可以在您评估的实际列上使用此模板。如果您想要更大的灵活性或使用多个顺序条件将两个按钮放在一列中，您可以使用 jsRender 代替，如下所示：http: //jsfiddle.net/damyanpetev/85ZGS/

注意：如果您的模板需要评估不会绑定到列的值，请将“localSchemaTransform”设置为 false。

进一步阅读的文档链接：

于 2014-02-07T10:38:43.553 回答