ejgrid syncfusion 中的复选框列答案

【问题标题】：Checkbox column in ejgrid syncfusionejgrid syncfusion 中的复选框列
【发布时间】：2014-06-16 09:44:34
【问题描述】：

我正在使用 SyncFusion ejGrid，即在我的项目中。

我想在第一列显示复选框以选择/取消选择多行。列标题中的一个复选框用于全选/取消全选。

【问题讨论】：

嗨，您是如何将选定的行发送到服务器的

【解决方案1】：

要将复选框添加到网格列内容，我们可以使用列的“templateId”属性，并将复选框添加到列标题，我们可以使用“headerTemplateId”属性。然后在复选框单击事件中，我们可以使用 Grid 的“selectRows”方法选择行。

 <script type="text/x-jsrender" id="check">
    <input type="checkbox" class="rowCheckbox" id="chk" />
</script>
<script type="text/x-jsrender" id="head">
    <input type="checkbox" id="headchk" />
</script>

$("#Grid").ejGrid({
        ...
        columns: [
                     { headerTemplateId: "#head", columnTemplate: true, templateId: "#check" },   
        ...
        });
    $("#headchk").change(function () {
            $("#Grid .rowCheckbox").on("change", checkChange);
            gridObj = $("#Grid").data("ejGrid");
            if ($("#headchk").is(':checked')) {// TO Select all rows in Grid Content
            …
                gridObj.selectRows(0, gridObj.model.pageSettings.pageSize);
            }
            else {       // To remove selection for all rows
            …
                gridObj.cleanUpSelection();
            }
        });
    function checkChange(e) {
            …
            //For MultiSelection using Checkbox
            gridObj._multiSelectCtrlRequest = true;
    }

我根据您的要求创建了一个示例，可以从下面的链接下载相同的示例。示例：http://www.syncfusion.com/downloads/support/directtrac/125963/grid898060682.zip

【讨论】：

您的解决方案对我有用。我非常感谢您的回复。非常感谢。
我们如何获取选定的行发送到服务器
ineffable - 在复选框单击事件中，我们可以使用 Grid 的“selectRows”方法选择行。在 Jquery 中循环并在 Json 中将其发送到服务器。