easyui propertygrid 动态绑定

从$.fn.datagrid.defaults继承,覆盖默认值 $.fn.propertygrid.defaults

propertygrid 提供用户一个接口,浏览和编辑对象属性,propertygrid 是一个内联的datagrid编辑器,使用相当简单,用户可以很简单的创建一个分层可编辑属性列表,代表任何数据类型项,propertygrid 带有内置的排序和分组功能.

相关依赖

• datagrid

使用

使用javascript创建propertygrid

 

var rows = [{ "name": "姓名", "value": "12312" }, { "name": "你好", "value": "123"}];

$(function() {

$('#tt').propertygrid({
width: 298,
height: 'auto',
showGroup: true,
scrollbarSize: 0,
columns: [[
{ field: 'name', title: '属性名称', width: 100, resizable: true },
{ field: 'value', title: '属性值', width: 100, resizable: false }
]],
data: [{ name: "姓名", group: "帐号", value: "12312", editor: { type: 'combobox', options: {
valueField: 'value', textField: 'name', required: true, data: rows
}
}}]
});