代码之家 › 专栏 › 技术社区 › Ali Ridho

ASP MVC网络使用检查表剑道网格

kendo-grid kendo-ui jquery javascript

Ali Ridho · 技术社区 · 8 年前

如何从kendogrid2获取数据并将其设置为kendogrid1?

我有2个使用核对表网格的kendogrid。

这是jquery代码:

 $("#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');  
        });

#portofolioGrid2 ?

1 回复 | 直到 8 年前

DontVoteMeDown 8 年前

实现这一目标的简单方法:

$("#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