您的位置:首页 > Web前端 > JavaScript

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

2015-02-17 09:31 591 查看
此数据源可以是本地的数据源,对于网格的数据储存在本地的数据库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元素:



来自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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: