jquery - 如何通过jquery在jsgrid中的不同页面导航后保持选中的复选框？

Question

页面导航后无法维护数据或（复选框选择）？或者我们可以说例如：我在 JSGRID 的第 1 页上，并且我使用该行上可用的复选框检查了 2 行，然后我导航到第二页，然后再次回到第一页而不是选择丢失。

Answer 1

在数据项上添加一个字段以跟踪复选框状态。在itemTemplate每次渲染时恢复值。

{ 
    name: "FieldName", 
    align: "center",
    itemTemplate: function(value, item) {
        return $("<input>").attr("type", "checkbox")
                .attr("checked", value || item.Checked)
                .on("change", function() {
                    item.Checked = $(this).is(":checked");
                });
    }
}

这是工作小提琴http://jsfiddle.net/tabalinas/xo1npabw/

作为替代方案，您可以将复选框状态存储在单独的数组中，例如演示页面上的演示“批量删除” 。