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 方法加载它。