欢迎来到天天文库
浏览记录
ID：40558717
大小：51.85 KB
页数：19页
时间：2019-08-04
《JQuery Easy Ui dataGrid 数据表格》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、JQueryEasyUidataGrid数据表格数据表格-DataGrid内容·概况 ·使用方法 ·数据表格属性 ·数据列属性 ·编辑 ·数据视图 ·事件 ·方法 继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。依赖组件（Depen
2、dencies）·布局-panel·缩放-resizable·链接按钮- linkbutton·分页-pagination使用方法（UsageExample）从现有的表单元素创建数据表格，定义在html中的行，列和数据。1. 2. 3. 4. Code 5. 3、options="field:'name'">Name 6. Price 7. 8. 9. 10. 11. 001name12323 12. 13. 1. 4、 002name24612 2. 3. 4. 通过标记创建的DataGrid。嵌套的标签定义的列的表。1.5、:true,singleSelect:true"> 3. 4. 5. Code 6. Name 7. 6、ght'">Price 8. 9. 10. 使用JavaScript创建数据表格。1. 1.$('#dg').datagrid({ 2. url:'datagrid_data.json', 3. columns:[[ 4. {field:'code',title:'Code',width:100}, 5. {field:'name'
3、options="field:'name'">Name 6. Price 7.
4、
5、:true,singleSelect:true"> 3. 4. 5. Code 6. Name 7. 6、ght'">Price 8. 9. 10.
6、ght'">Price 8.
7、,title:'Name',width:100}, 6. {field:'price',title:'Price',width:100,align:'right'} 7. ]] 8.}); 查询数据填充数据表格。1.$('#dg').datagrid('load', { 2. name: 'easyui', 3. address: 'ho' 4.}); 数据更改与服务器交互，刷新当前数据。1.$('#dg').datagrid('reload'); //
8、reload the current page data 数据表格属性（DataGridProperties）属性继承控制面板，以下是数据表格独有的属性。名称类型描述默认值columnsarray数据表格列配置对象，查看列属性以获取更多细节。undefinedfrozenColumnsarray跟列属性一样，但是这些列固定在左边，不会滚动。undefinedfitColumnsboolean设置为
此文档下载收益归作者所有
