Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过Jquery使用下拉列表控制剑道网格_Javascript_Jquery_Html_Kendo Ui_Kendo Grid - Fatal编程技术网

Javascript 通过Jquery使用下拉列表控制剑道网格

Javascript 通过Jquery使用下拉列表控制剑道网格,javascript,jquery,html,kendo-ui,kendo-grid,Javascript,Jquery,Html,Kendo Ui,Kendo Grid,我有一个问题,当我使用jquery更改下拉列表的值时,我需要控制剑道网格 我需要在每次下拉更改时更改剑道网格内的值 谢谢 这是我的更改事件下拉列表 $("#ddlRadius").live("change", function () { var selectValue = ""; selectValue = $("#ddlRadius option:selected").val(); if (selectValue ==

我有一个问题,当我使用jquery更改下拉列表的值时,我需要控制剑道网格

我需要在每次下拉更改时更改剑道网格内的值

谢谢

这是我的更改事件下拉列表

$("#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())
        });
试试下面的方法

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

..
..
..

看看我的答案。。由于您正在url中传递参数,因此只需更改网格的读取url即可。。有更好的方法可以做到这一点(特别是因为你正在做一篇文章),但我的答案应该对你有用。