扩展自 $.fn.datagrid.defaults。通过 $.fn.propertygrid.defaults 重写默认的 defaults。 属性网格(propertygrid)为用户提供了用于浏览和编辑对象属性的界面。属性网格是内联编辑的数据网格。它相当容易使用。用户可以很容易就创建一个可编辑属性的分层列表和表示任何数据类型的项目。属性网格带有内置的排序和分组特征。 ![](//img1.3s78.com/codercto/489b2ad23ec742a01924dfbb97080caf) 依赖用法在标记中创建一个属性网格(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 数据网格 |