Latest web development tutorials
×

jQuery EasyUI kuliah

jQuery EasyUI kuliah jQuery EasyUI pengantar singkat

jEasyUI aplikasi

jEasyUI Membuat CRUD Aplikasi jEasyUI Membuat data grid CRUD jEasyUI formulir aplikasi CRUD jEasyUI Buat pembaca RSS

jEasyUI Drag dan Drop

jEasyUI tarik dasar dan penurunan jEasyUI Buat penurunan keranjang belanja jEasyUI Buat kurikulum sekolah

jEasyUI Menu dan tombol

jEasyUI Membuat menu sederhana jEasyUI Membuat tombol link jEasyUI Membuat tombol menu jEasyUI Buat tombol perpecahan

jEasyUI tata ruang

jEasyUI Membuat layout perbatasan jEasyUI Membuat layout yang kompleks jEasyUI Buat panel lipat jEasyUI Buat tab jEasyUI Dinamis menambahkan tab jEasyUI Tambahkan tab AutoPlay jEasyUI Buat XP Style di panel sebelah kiri

jEasyUI Data Grid

jEasyUI Dikonversi ke HTML jaringan data tabel jEasyUI Mendapatkan baris data yang dipilih jEasyUI Tambahkan Bertanya jEasyUI Tambahkan toolbar jEasyUI Membuat toolbar yang kompleks jEasyUI Pengaturan kolom freeze jEasyUI Dinamis Perubahan kolom jEasyUI Format Kolom jEasyUI Mengatur semacam itu jEasyUI Pemesanan kustom jEasyUI Buat kombinasi kolom jEasyUI Tambahkan kotak centang jEasyUI kustom Pager jEasyUI Aktifkan editing inline jEasyUI Editor diperpanjang jEasyUI operasi kolom jEasyUI sel gabungan jEasyUI Buat Custom View jEasyUI Buat Ringkasan footer jEasyUI Ketentuan yang ditetapkan baris warna latar belakang jEasyUI Membuat kotak properti jEasyUI garis diperluas Tampilkan Detail jEasyUI Buat Pembagian jEasyUI Menampilkan data besar jEasyUI Menambahkan komponen halaman

jEasyUI jendela

jEasyUI Membuat jendela yang sederhana jEasyUI Kustom Jendela Toolbars jEasyUI Jendela dan Layout jEasyUI Buat dialog jEasyUI Sesuaikan kotak dialog

jEasyUI menu pohon

jEasyUI Gunakan tag untuk membuat menu pohon jEasyUI Buat menu pohon asynchronous jEasyUI Menambahkan menu pohon simpul jEasyUI Membuat menu pohon dengan kotak centang jEasyUI Drag dan drop kontrol menu pohon jEasyUI Beban menu tree node orangtua / anak jEasyUI Membuat pohon grid yang didasarkan jEasyUI Buat mesh pohon kompleks jEasyUI Dinamis dimuat jaringan pohon jEasyUI Menambahkan tab Grid pohon jEasyUI Lazy loading pohon jaringan simpul

jEasyUI bentuk

jEasyUI Menyerahkan formulir untuk membuat asynchronous jEasyUI bentuk Authentication jEasyUI Membuat kotak pohon drop-down jEasyUI Format kotak drop-down jEasyUI Filter data grid drop-down

jEasyUI Reference manual

jQuery EasyUI widget jQuery EasyUI penyebaran

jQuery EasyUI data grid dan widget pohon - propertygrid grid properti

jQuery EasyUI Plugin jQuery EasyUI Plugin

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 jQuery EasyUI Plugin