Javascript 通过Jquery使用下拉列表控制剑道网格
我有一个问题,当我使用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 ==
$("#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即可。。有更好的方法可以做到这一点(特别是因为你正在做一篇文章),但我的答案应该对你有用。