如何将数据源绑定在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>
[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>
相关文章推荐
- BCGControlBar Grid网格控件如何绑定到数据源(附Demo下载)
- 在Telerik for silverlight控件radtreeview中如何绑定数据(object)
- 如何将XML作为数据源绑定到控件
- 如何让GridView控件在绑定的数据源没有数据时也显示标题
- 如何让GridView控件在绑定的数据源没有数据时也显示标题
- 关于模板控件如何实现多数据源绑定的问题
- 如何用HashTable数据源绑定DropDownList控件?
- C#中,datagridview与sql数据源绑定后,通过控件更改数据如何自动回写更新到数据源
- HTML5 UI框架Kendo UI Web中如何实现Grid网格控件本地化
- WinRT界面控件Essential Studio for WinRT中如何选择模式
- 如何用HashTable数据源绑定DataList、DropDownList等相似控件
- Dev GridControl控件绑定数据源,列不显示
- 移动界面控件Essential Studio for Mobile MVC网格控件解析
- HTML5 UI框架Kendo UI Web中如何实现Grid网格控件本地化
- 如何将Excel作为UltraWebGrid 数据源绑定到UltraWebGrid中?
- 银光电子表格控件Essential Grid for Silverlight详细介绍
- EXTJS4.2 控件之Grid 根据数据源某列数据不同绑定不同的控件setEditor
- 如何让GridView控件在绑定的数据源没有数据时也显示标题
- Essential Studio for WinRT网格控件测评
- GridControl 控件-----List<T>数据源 实现主从表关系绑定