在自定义命令上获取 Kendo Grid 复选框状态答案

【问题标题】：Get Kendo Grid checkbox status on custom command在自定义命令上获取 Kendo Grid 复选框状态
【发布时间】：2018-07-10 03:59:07
【问题描述】：

我有一个带有 4 个复选框列的剑道网格，状态为选中和未选中状态。现在我想根据自定义命令按钮单击时的复选框检查状态更新表格。这是我的剑道网格绑定代码

$(document).ready((function () {
            $.ajax({
                type: "POST",
                url: "member-security-list.aspx/getStatus",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $("#grid").kendoGrid({
                        dataSource: {data: response.d,pageSize: 20},
                        sortable: {mode: "single",allowUnsort: false},
                        pageable: {buttonCount: 5},
                        scrollable: false,
                        columns: [
                            { field: "login", title: "Login Id" },
                            { field: "name", title: "Member Name" },
                            { field: "mobile", title: "Mobile No." },
                            { field: "Alert Status", template: "<input type='checkbox' value='oncredit' class='oncredit' #if(oncredit === '1'){#= checked='checked' #}else{}#= />On Credit&nbsp;&nbsp;<input type='checkbox' value='ondebit' class='ondebit' #if(ondebit === '1'){#= checked='checked' #}else{}#= />On Debit&nbsp;&nbsp;<input type='checkbox' value='onlogin' class='onlogin' #if(onlogin === '1'){#= checked='checked' #}else{}#= />On Login&nbsp;&nbsp;<input type='checkbox' value='isblock' class='isblock' #if(isblock === '1'){#= checked='checked' #}else{}#=  />Block SMS Recharge" },
                            { command: { text: "Set", click: showDetails }, title: "Set" }
                        ]
                    });
                },
                failure: function (response) {
                    alert(response.d);
                }
            });
        }));

这是我的命令按钮点击代码

function showDetails(e) {
            e.preventDefault();
            var d = this.dataItem($(e.currentTarget).closest("tr"));

//I want to access checkbox here and find its checked status for pass parameter.

            $.ajax({
                type: "POST", url: "member-security-list.aspx/setAlert",
                data: '{ "id":"' + d.id + '","status":"' + d.status + '"}',
                contentType: "application/json; charset=utf-8", dataType: "json",
                success: function (response) {
                    //some other 
                },
                failure: function (response) { }
            });
        }

【问题讨论】：

.closest("tr").find("td:nth-child(1) input") ?
@RossBush 感谢您的回复，但在这里我想访问所有 4 个复选框及其选中状态。

标签： asp.net json kendo-ui kendo-grid webmethod

【解决方案1】：

现在我已经解决了我的问题。这是我的工作代码

function showDetails(e) {
            e.preventDefault();
            var credit, debit, login, block;
            var d = this.dataItem($(e.currentTarget).closest("tr"));
            var tr = $(e.target).closest("tr");
            if (tr.find('.oncredit').is(':checked'))
                credit = '1';
            else
                credit = '0';
            if (tr.find('.ondebit').is(':checked'))
                debit = '1'
            else
                debit = '0';
            if (tr.find('.onlogin').is(':checked'))
                login = '1';
            else
                login = '0';
            if (tr.find('.isblock').is(':checked'))
                block = '1'
            else
                block = '0';

            $.ajax({
                type: "POST", url: "member-security-list.aspx/setAlert",
                data: '{ "id":"' + d.id + '","oncredit":"' + credit + '","ondebit":"' + debit + '","onlogin":"' + login + '","isblock":"' + block + '"}',
                contentType: "application/json; charset=utf-8", dataType: "json",
                success: function (response) {
                    alert('Updated');
                },
                failure: function (response) { }
            });
        }

【讨论】：