チェックリストを使用したASP MVCネットkendo Grid

Question

kendogrid2からデータを取得してkendogrid1に設定する方法は？

私はチェックリストグリッドを使って2つのケンドグリッドを持っています。

これはjqueryのコードです：#portofolioGrid2で選択した項目の値を取得する方法

$("#btnAddPortfolio").click(function() { 
      var grid2 = $("#portfolioGrid2").data("kendoGrid"); 
      var dt = grid2.dataItem 

      var ds = new kendo.data.DataSource({ 
       data: [{ "Portfolio": "Data of checklist selected item"}] 
       }); 

      $("#portfolioGrid1").data("kendoGrid").setDataSource(ds); 
      $('#grid2_modal').modal('toggle'); 
     }); 

？それを達成するための

Answer 1

簡単な方法：

$("#grid1").kendoGrid({ 
    dataSource: { 
     data: [{ Name: "John Doe" }, { Name: "Jane Doe" }, 
     { Name: "Doe John" }, { Name: "Doe Jane" }] 
    }, 
    columns: [{ 
     template: '<input type="checkbox" />', 
     width: 40 
    }, { 
     field: "Name" 
    }] 
}); 

$("#grid2").kendoGrid({ 
    columns: [{ 
     field: "Name" 
    }] 
}); 

$("#transfer-items").on("click", function() { 
    let grid1 = $("#grid1").data("kendoGrid"), 
     grid2 = $("#grid2").data("kendoGrid"), 
     $checkboxes = grid1.tbody.find('input:checked').toArray(); 

    if ($checkboxes.length) { 
     $checkboxes.forEach($chk => { 
      let item = grid1.dataItem($chk.closest("tr")); 
      grid2.dataSource.add(item); 
     }); 
    } 
    else { 
     window.alert("No item has been selected."); 
    } 
}); 

Demo