kendoui Grid 使用 刷新数据、
2018-01-16 18:34
381 查看
1、kendo ui grid
使用kendoui的中文版
//创建一个新到完整到grid $(document).ready(function () { kendo.culture("zh_CN");//使用kendoui的中文版 $("#grid").kendoGrid({ dataSource: { type: "odata", transport: { read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Customers" }, pageSize: 20 }, height: 550, groupable: true, sortable: true, pageable: { refresh: true, pageSizes: true, buttonCount: 5 }, columns: [{ template: "<div class='customer-photo'" + "style='background-image: url(../content/web/Customers/#:data.CustomerID#.jpg);'></div>" + "<div class='customer-name'>#: ContactName #</div>", field: "ContactName", title: "Contact Name", width: 240 }, { field: "ContactTitle", title: "Contact Title" }, { field: "CompanyName", title: "Company Name" }, { field: "Country", width: 150 }] }); });
相关文章推荐
- Kendo UI使用教程:Kendo UI Grid中的动态数据(二)
- kendo ui grid 使用远程数据
- kendo ui grid 创建一行数据多次添加(kendo ui grid datasource multiple create)
- 【Kendo UI 中文教程】使用Grid组件完成基本的CRUD操作(一)
- 【swing】jtree的数据绑定,使用,美化,事件及ui的刷新
- 使用回调函数实现socket服务器端子线程刷新UI数据(socket通信第三弹)
- Kendo UI grid API 获取 filter 后的所有数据
- Kendo UI grid数据聚合实例
- Asp.net mvc Kendo UI Grid的使用(二)
- kendo ui gird使用技巧(使用本地数据) 一
- 使用 Dojo TreeGrid 管理 WebSphere Process Server 工作流为数据创建 Web 2.0 风格的 UI
- Kendo UI Grid中的动态数据(一)
- Kendo UI Grid中的动态数据(三)
- Kendo UI grid 表格数据更新
- KenDoTreeview刷新后展开的节点和选中的节点不变(KenDoTreeview中的数据通过KenDoGrid来进行保存、删除)
- 使用panel(非gridPanel)加载数据,修改时刷新数据
- 在ASP.NET MVC 4中使用Kendo UI Grid