jQuery EasyUI 数据网格与树插件 - 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":{
        "type":"validatebox",
        "options":{
            "validType":"email"
        }
    }}
]}

属性

该属性扩展自数据网格（datagrid）。下面是为属性网格（propertygrid）添加的属性。

方法

该方法扩展自数据网格（datagrid）。下面是为属性网格（propertygrid）添加的方法。

点击查看所有 jQuery EasyUI 教程 文章: https://www.codercto.com/courses/l/42.html

查看所有标签