jQuery EasyUI 數(shù)據(jù)網(wǎng)格與樹插件 – Propertygrid 屬性網(wǎng)格

jQuery EasyUI 數(shù)據(jù)網(wǎng)格與樹插件 - Propertygrid 屬性網(wǎng)格

jQuery EasyUI 插件

依賴

• datagrid

用法

在標記中創(chuàng)建一個屬性網(wǎng)格（propertygrid）。請注意，列是內(nèi)置的，不需要再次聲明。

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

使用 javascript 創(chuàng)建一個屬性網(wǎng)格（propertygrid）。

<table id="pg" style="width:300px"></table>

$('#pg').propertygrid({
    url: 'get_data.php',
    showGroup: true,
    scrollbarSize: 0
});

向?qū)傩跃W(wǎng)格（propertygrid）追加一個新行。

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

行數(shù)據(jù)（Row Data）

屬性網(wǎng)格（propertygrid）擴展自數(shù)據(jù)網(wǎng)格（datagrid）。它的行數(shù)據(jù)格式與數(shù)據(jù)網(wǎng)格（datagrid）相同。作為一個屬性行，下列字段是必需的：
name：字段名。
value：要被編輯的字段值。
group：組的字段值。
editor：編輯屬性值的編輯器。

行數(shù)據(jù)實例：

{"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"
		}
    }}
]}

屬性

該屬性擴展自數(shù)據(jù)網(wǎng)格（datagrid）。下面是為屬性網(wǎng)格（propertygrid）添加的屬性。

方法

該方法擴展自數(shù)據(jù)網(wǎng)格（datagrid）。下面是為屬性網(wǎng)格（propertygrid）添加的方法。

jQuery EasyUI 插件