javascript - Kendo UI - JavaScript 复选框值提交到 DataSource 读取
问题描述
我是 Kendo Ui 和 JavaScript 编程的初学者。我有一个简单的问题,如何将复选框中的值提交到 dataSource 传输:读取?
因此“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 文档)。
此外,不需要调用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();
}
推荐阅读
- r - 如何在 R 中自动化栅格处理
- java - AutoCompleteAdapter 不会显示过滤结果
- python - 如何单击按钮以使用 Selenium Python 查看更多值?
- java - 菜单项没有响应
- javascript - How to add data to database with node.js&Mysql from online form?
- python-3.x - 如何从 KivyMD 上的 bottombarApp 中删除空白覆盖
- linux - 如何在解析后不丢失其他列/行的内容的情况下解析特定列或数据?
- android - 我们应该在适配器中使用 Koin Inject 吗?或者我们应该尝试把这个责任交给 Activity/Fragment 和它的 ViewModels?
- postgresql - 天气数据仓库 netcdf 或 grib 的最佳解决方案
- angular - 如何获得仅在 redux 状态的对象数组中的属性值更改时才发出的 Observable?