剑道格子行PK

Question

<%: Html.Kendo().Grid<Model>()
        .Name("Grid")
        .BindTo((IEnumerable<Model>)ViewBag.List)
        .Columns(columns =>
        {
            columns.Bound(p => p.PK).Title("pk");
            columns.Bound(p => p.NAME).Title("Name");


            columns.Command(command => command.Custom("Delete").Click("Delete")).Width(100);

        })

        %>     


<div id="modalWindow">
            <h2>Delete?</h2>
            <button id="yes" class="k-button">Yes</button>
            <button id="no" class="k-button">No</button>
        </div>


        <script>             

            var wnd;
            $(document).ready(function () {
                wnd = $("#modalWindow").kendoWindow({
                    title: "Delete confirmation",
                    modal: true,
                    visible: false,
                    resizable: false,
                    width: 300
                }).data("kendoWindow");

            });


            function Delete(e) {
                e.preventDefault();

                var grid = this;
                var row = $(e.currentTarget).closest("tr");
                wnd.center().open();



                $("#yes").unbind('click').click(function () {       

                    $.ajax({                          

                        type: 'POST',
                        url: '/Home/Delete',
                        data: ???
                        contentType: 'application/json; charset=utf-8',


                        success: function (result) {

                        },
                        error: function (err, result) {
                        alert("Error in delete" + err.responseText);
                        }

                    });                   

                    grid.removeRow(row);
                    wnd.close();
                });


                $("#no").unbind('click').click(function () {
                    wnd.close();
                });
            }      
        </script>

你好，

我想删除剑道网格的相关自定义删除按钮的行。 该脚本运行良好，但我的数据有问题。 我不知道如何获取该行的PK，我需要它来删除记录。

如何在点击我的自定义按钮时获得它？

问候

Answer 1

你知道底层数据项的 ID 属性吗？拥有该行后，您可以从网格的数据源中获取 dataItem。 所以在var row = $(e.currentTarget).closest('tr');之后你可以添加一个var dataItem = grid.dataItem(row);然后你应该可以得到dataItem的id属性dataItem.id（或者一些这样的）；

Answer 2

您需要使用dataItem 函数将tr 元素转换为数据对象：

function Delete(e) {
    e.preventDefault();

    var grid = this;
    var row = $(e.currentTarget).closest("tr");
    var obj = grid.dataItem(row); //<---
    wnd.center().open();

    $("#yes").unbind('click').click(function () {       
       $.ajax({                          
          type: 'POST',
          url: '/Home/Delete',
          data: obj.PK, //<---
          contentType: 'application/json; charset=utf-8',
          success: function (result) {
          },
          error: function (err, result) {
             alert("Error in delete" + err.responseText);
          }
       });                   

       grid.removeRow(row);
       wnd.close();
    });

    $("#no").unbind('click').click(function () {
       wnd.close();
    });
}