您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 数据网格与树插件 - Propertygrid 属性网格

51自学网 2023-01-16 20:15:13
  jQuery

扩展自 $.fn.datagrid.defaults。通过 $.fn.propertygrid.defaults 重写默认的 defaults。

属性网格(propertygrid)为用户提供了用于浏览和编辑对象属性的界面。属性网格是内联编辑的数据网格。它相当容易使用。用户可以很容易就创建一个可编辑属性的分层列表和表示任何数据类型的项目。属性网格带有内置的排序和分组特征。

依赖

  • datagrid

用法

在标记中创建一个属性网格(propertygrid)。请注意,列是内置的,不需要再次声明。

<table id="pg" class="easyui-propertygrid" style="width:300px"    data-options="url:'get_data.php',showGroup:true,scrollbarSize:0"></table>

使用 javascript 创建一个属性网格(propertygrid)。

<table id="pg" style="width:300px"></table>
$('#pg').propertygrid({    url: 'get_data.php',    showGroup: true,    scrollbarSize: 0});

向属性网格(propertygrid)追加一个新行。

var row = {    name:'AddName',    value:'',    group:'Marketing Settings',    editor:'text'};$('#pg').propertygrid('appendRow',row);

行数据(Row Data)

属性网格(propertygrid)扩展自数据网格(datagrid)。它的行数据格式与数据网格(datagrid)相同。作为一个属性行,下列字段是必需的:
name:字段名。
value:要被编辑的字段值。
group:组的字段值。
editor:编辑属性值的编辑器。

行数据实例:

{"total":4,"rows":[    {"name":"Name","value":"Bill Smith","group":"ID Settings","editor":"text"},    {"name":"Address","value":"","group":"ID Settings","editor":"text"},    {"name":"SSN","value":"123-456-7890","group":"ID Settings","editor":"text"},    {"name":"Email","value":"bill@gmail.com","group":"Marketing Settings","editor":{
下载地址:
jQuery EasyUI 数据网格与树插件 - Tree 树
jQuery EasyUI 数据网格与树插件 - Datagrid 数据网格
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1