我是 Kendo Ui 和 JavaScript 编程的初学者。我有一个简单的问题,如何将复选框中的值提交到数据源传输:读取?
因此“getMarketData.php”能够获取“c1”值(事件)并再次在同一页面中重新加载。
这里我提供我的代码。
我的复选框:
<input type="checkbox" id="c1" name="checkbox1" class="k-checkbox" checked="checked" value="active" onclick="checkBox()">
我的Javascript
<script>
$(function() {
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "/getMarketData.php",
type: "POST"
}
},
schema: {
model: {
id: "marketID"
}
}
});
});
function checkBox() {
var checkbox = document.getElementById("c1");
if (checkbox.checked == true) {
//pass "active" data
$("#grid").data("kendoGrid").refresh();
$("#grid").data("kendoGrid").dataSource.read();
} else {
if (checkBox.value == 'active') {
var x = 'inactive';
}
//pass "inactive" data
$("#grid").data("kendoGrid").refresh();
$("#grid").data("kendoGrid").dataSource.read();
}
}
最佳答案
您可以使用 transport.read.data 属性来传递额外的数据(更多信息:transport.read documentation)。
此外,调用refresh() 不是必需的。
这是您编辑的示例:
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: '/getMarketData.php',
type: 'POST',
data: function() {
return {
c1: document.getElementById('c1').checked,
};
},
},
},
schema: {
model: {
id: 'marketID',
},
},
});
function checkBox() {
$('#grid')
.data('kendoGrid')
.dataSource.read();
}
关于javascript - Kendo UI - JavaScript 复选框值提交到数据源读取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53878316/