如何将数据源绑定在essential grid for JavaScript网格控件上

来源:互联网 发布:知敬畏的意思 编辑:程序博客网 时间:2024/05/29 18:47
此数据源可以是本地的数据源,对于网格的数据储存在本地的数据库window.gridDataz中,可以参考以下的实例:

[Script]

<script>

            // the datasource "window.gridData" is defined for grid

         window.gridData = [

             { "OrderID": 10001, "CustomerID": 101, "Freight": "Chicago" },

             { "OrderID": 10002, "CustomerID": 102, "Freight": "San Francisco" },

             { "OrderID": 10003, "CustomerID": 103, "Freight": "New York" },

         ]

</script>

创建初始化网格控件,如下图代码实例中的div元素:

QQ截图20150216112547.png 
来自window.gridData的本地存储数据可以通过网格数据源的初始化来实现,你可以参考下面的代码实例:

[Script]

<script>

$(function () {

$("#mobgridfilter").ejmGrid({

                dataSource: window.gridData, //Datasource referred here

                columns: [

                         { field: "OrderID", headerText: "Order ID" },

                         { field: "CustomerID", headerText: "Customer ID" },

                         { field: "Freight", headerText: "Freight" }

                ],

                actionComplete: function () { $("#samplescroll").ejmScrollPanel("refresh"); }

            });

});

    </script>

0 0