Question

我有这个问题，当我使用jquery更改下拉列表的值时需要控制Kendo网格

我需要在每次下拉更改时更改kendo网格中的值

由于

这是我的下拉列表Onchange Event

$("#ddlRadius").live("change", function () {
            var selectValue = "";
            selectValue = $("#ddlRadius option:selected").val();

            if (selectValue == "77") {
                Rad = 5;

            }
            else if (selectValue == "78") {
                Rad = 10;

            }
            else if (selectValue == "79") {
                Rad = 25;


            }
            else if (selectValue == "80") {
                Rad = 50;

            }
            else if (selectValue == "81") {
                Rad = 100;

            }
            else {

            }
        });

这是我的剑道网格

$("#workerGrid").kendoGrid({
            scrollable: false,
            sortable: true,
            pageable: {
                refresh: true,
                pageSizes: true
            },
            dataSource: {
                transport: {
                    read: {
                        url: '/Maps/LoadList?ID=' + ID + '&radius=' + Rad,
                        dataType: "json",
                        type: "POST"
                    }
                },
                pageSize: 10
            },
            rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')),
            altRowTemplate: kendo.template($("#rowTemplate").html())
        });

Answer 1

尝试以下

    $("#ddlRadius").live("change", function () {
            var selectValue = "";
            selectValue = $("#ddlRadius option:selected").val();
            var grid = $("#workerGrid").data('kendoGrid');
            if (selectValue == "77") {
                Rad = 5;
                grid.dataSource.transport.options.read.url = '/Maps/LoadList?ID=' + ID + '&radius=' + Rad;
                grid.dataSource.read();
            }

..
..
..

使用Jquery的下拉列表控制Kendo Grid

1 个答案: