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

本文介绍如何将数据源绑定到essential grid for JavaScript的网格控件上。通过示例代码展示了如何定义数据源,并在初始化网格控件时引用该数据源,同时列出了包含'Order ID','Customer ID'和'Freight'字段的列配置。
摘要由CSDN通过智能技术生成
此数据源可以是本地的数据源,对于网格的数据储存在本地的数据库 window.gridData z中,可以参考以下的实例:

[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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值