kendo grid удалить строку в сетке иерархии

Question

Я хочу удалить строку в сетке иерархии сетки кендо. Может ли кто-нибудь показать мне пример.

Еще одна вещь: jQuery не нацелен на элементы с id/class, которые существуют в иерархической сетке. jQuery может использовать целевые элементы в основной сетке кендо, но не может нацеливать/захватывать элементы внутри сетки иерархии с id/class.

Answer 1

Чтобы удалить строку из сетки kendo, добавьте команду «уничтожить» и отредактировать «inline/popup». Он также работает и для иерархической сетки. Малый демо:

<div id="example"> 
     <div id="grid"></div> 

     <script> 
      $(document).ready(function() { 
       var element = $("#grid").kendoGrid({ 
        dataSource: { 
         type: "odata", 
         transport: { 
          read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees" 
         }, 
         pageSize: 6, 
         serverPaging: true, 
         serverSorting: true 
        }, 
        height: 600, 
        sortable: true, 
        pageable: true, 
        detailInit: detailInit, 
        dataBound: function() { 
         this.expandRow(this.tbody.find("tr.k-master-row").first()); 
        }, 
        columns: [ 
         { 
          field: "FirstName", 
          title: "First Name", 
          width: "110px" 
         }, 
         { 
          field: "LastName", 
          title: "Last Name", 
          width: "110px" 
         }, 
         { 
          field: "Country", 
          width: "110px" 
         }, 
         { 
          field: "City", 
          width: "110px" 
         }, 
         { 
          field: "Title" 
         } 
        ] 
       }); 
      }); 

      function detailInit(e) { 
       $("<div/>").appendTo(e.detailCell).kendoGrid({ 
        dataSource: { 
         type: "odata", 
         transport: { 
          read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders" 
         }, 
         serverPaging: true, 
         serverSorting: true, 
         serverFiltering: true, 
         pageSize: 10, 
         filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID } 
        }, 
        scrollable: false, 
        sortable: true, 
        pageable: true, 
        columns: [ 
         { field: "OrderID", width: "70px" }, 
         { field: "ShipCountry", title:"Ship Country", width: "110px" }, 
         { field: "ShipAddress", title:"Ship Address" }, 
         { field: "ShipName", title: "Ship Name", width: "300px" }, 

         { command: ["destroy"]} // Added the delete command 
        ], 
        editable: "inline" // set edit mode here 
       }); 
      } 

Иерархия сетки определяется в «detailInit» функции и уничтожить команда добавляется в иерархии сетки. Реферирование от here с небольшой модификацией.

Надеюсь, это поможет!