jQuery EasyUI data grid dan widget pohon - propertygrid grid properti
Diperpanjang dari $ .fn.datagrid.defaults. Dengan $ .fn.propertygrid.defaults menimpa default default.
grid properti (propertygrid) menyediakan pengguna dengan antarmuka Li Loulan dan mengedit atribut. grid properti adalah inline jaringan editing data. Hal ini sangat mudah digunakan. Pengguna dapat dengan mudah membuat daftar hirarkis sifat yang dapat diedit dan mewakili tipe data proyek. grid properti dengan built-in menyortir dan pengelompokan fitur.
mengandalkan
- datagrid
pemakaian
Membuat kotak properti (propertygrid) di tag. Harap dicatat bahwa kolom built-in, tidak perlu untuk menyatakan lagi.
<Table id = "pg" class = "easyui-propertygrid" style = "width: 300px" Data-opsi = "url: 'get_data.php', showGroup: true, scrollbarSize: 0"> </ table>
Menggunakan javascript untuk membuat kotak properti (propertygrid).
<Table id = "pg" style = "width: 300px"> </ table>
$ ( '# Pg'). Propertygrid ({ url: 'get_data.php', showGroup: benar, scrollbarSize: 0 });
Grid properti (propertygrid) menambahkan baris baru.
baris var = { Nama: 'AddName', Nilai: '', Kelompok: 'Pemasaran Settings', Editor: 'teks' }; $ ( '# Pg') propertygrid ( 'appendRow', baris) .;
Data Line (Row Data)
grid properti (propertygrid) diperpanjang dari grid data (datagrid). Its baris format data dan data grid (datagrid) sama. Sebagai garis properti, bidang-bidang berikut diperlukan:
Nama: nama field.
Nilai: nilai field yang akan diedit.
Bidang menghargai kelompok: kelompok.
Editor: Edit nilai properti Editor.
Baris data contoh:
{ "Total": 4, "baris": [ { "Nama": "Nama", "value": "Bill Smith", "kelompok": "ID Settings", "Editor": "text"}, { "Nama": "Alamat", "value": "", "kelompok": "ID Settings", "Editor": "text"}, { "Nama": "SSN", "value": "123-456-7890", "kelompok": "ID Settings", "Editor": "text"}, { "Nama": "Email", "value": "[email protected]", "kelompok": "Pemasaran Settings", "Editor": { "Type": "validatebox", "Pilihan": { "VALIDTYPE": "email" } }} ]}
milik
Properti membentang dari data grid (datagrid). Berikut ini adalah properti dari grid properti (propertygrid) ditambahkan.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
showGroup | boolean | 定义是否显示属性组。 | false |
groupField | string | 定义组的字段名。 | group |
groupFormatter | function(group,rows) | 定义如何格式化组的值。该函数包括下列参数: group:组的字段名。 rows:属于改组的行。 |
cara
Metode memperpanjang dari grid data (datagrid). Berikut adalah cara grid properti (propertygrid) ditambahkan.
名称 | 参数 | 描述 |
---|---|---|
expandGroup | groupIndex | 展开指定的组。如果 'groupIndex' 参数未分配,则展开所有的组。 |
collapseGroup | groupIndex | 折叠指定的组。如果 'groupIndex' 参数未分配,则折叠所有的组。 |
jQuery EasyUI Plugin