jsGrid loadData 未被调用
jsGrid loadData not being called
所以我真的很难启动 jsGrid 和 运行 我的 Django 站点,特别是使用控制器从 ajax 请求加载 table 中的数据。它不起作用,所以我设置了这个非常基本的配置,只是为了看看我的控制器中的 loadData 函数发生了什么。使用下面的配置,控制台中唯一打印的是 "In Script." 所以它显然不是在控制器中调用 loadData 。也许这个简单的 "test" 配置也不正确。请问,我在这里错过了什么?一定是有点傻。
{% extends 'layouts/layout_1.html' %}
{% block title %}Demos{% endblock %}
{% block content%}
<div id="demos-js-grid"></div>
{% endblock %}
{% block other_js %}
<script>
$(document).ready(function() {
console.log("In Script.")
$("#demos-js-grid").jsGrid({
onDataLoading: function(args) {
console.log("On Data loading.")
},
width: "100%",
height: "100%",
inserting: true,
editing: true,
sorting: true,
autoLoad: true,
controller: {
loadData: function(filter) {
console.log("loadData being called..");
},
insertItem: function(item) {
console.log("insertItem being called..")
},
updateItem: function(item) {
console.log("updateItem being called..")
},
deleteItem: function(item) {
console.log("deleteItem being called..")
}
},
fields: [
{ name: "Client Status", type: "text", width: 50 },
{ name: "Bee Status", type: "text", width: 50 },
{ name: "Store Status", type: "text", width: 50 },
{ name: "Region", type: "text", width: 100 },
{ name: "Chain", type: "text", width: 100 },
{ name: "Store", type: "text", width: 150 },
]
});
})
</script>
{% endblock%}
选项应该是autoload: true
,而不是autoLoad
。
事实上,目前由于自动加载未激活,网格未加载,但您仍然可以自己调用 loadData
方法加载它。
所以我真的很难启动 jsGrid 和 运行 我的 Django 站点,特别是使用控制器从 ajax 请求加载 table 中的数据。它不起作用,所以我设置了这个非常基本的配置,只是为了看看我的控制器中的 loadData 函数发生了什么。使用下面的配置,控制台中唯一打印的是 "In Script." 所以它显然不是在控制器中调用 loadData 。也许这个简单的 "test" 配置也不正确。请问,我在这里错过了什么?一定是有点傻。
{% extends 'layouts/layout_1.html' %}
{% block title %}Demos{% endblock %}
{% block content%}
<div id="demos-js-grid"></div>
{% endblock %}
{% block other_js %}
<script>
$(document).ready(function() {
console.log("In Script.")
$("#demos-js-grid").jsGrid({
onDataLoading: function(args) {
console.log("On Data loading.")
},
width: "100%",
height: "100%",
inserting: true,
editing: true,
sorting: true,
autoLoad: true,
controller: {
loadData: function(filter) {
console.log("loadData being called..");
},
insertItem: function(item) {
console.log("insertItem being called..")
},
updateItem: function(item) {
console.log("updateItem being called..")
},
deleteItem: function(item) {
console.log("deleteItem being called..")
}
},
fields: [
{ name: "Client Status", type: "text", width: 50 },
{ name: "Bee Status", type: "text", width: 50 },
{ name: "Store Status", type: "text", width: 50 },
{ name: "Region", type: "text", width: 100 },
{ name: "Chain", type: "text", width: 100 },
{ name: "Store", type: "text", width: 150 },
]
});
})
</script>
{% endblock%}
选项应该是autoload: true
,而不是autoLoad
。
事实上,目前由于自动加载未激活,网格未加载,但您仍然可以自己调用 loadData
方法加载它。