Tutorial jQuery EasyUI bentuk - Filter Data drop-down grid (ComboGrid) Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,
Drop-down Data grid (Combogrid) komponen umum, dan drop-down box (Combobox) komponen, selain memiliki panel drop-down, yang didasarkan pada data grid (datagrid) dari. Drop-down Data grid (Combogrid) komponen dapat disaring, paging, dan memiliki beberapa fungsi lainnya grid data (datagrid). Tutorial ini menunjukkan Anda bagaimana untuk menyaring data yang tercatat dalam komponen drop-down Data grid (Combogrid).
<Input id = "cg" style = "width: 150px">
$ ( '# Cg'). Combogrid ({ panelWidth: 500, url: 'form5_getdata.php', idfield: 'Itemid', textField: 'productid', Modus: 'jauh', fitColumns: benar, kolom: [[ {Bidang: 'Itemid', judul: 'Barang ID', lebar: 60}, {Bidang: 'productid', judul: 'ID Produk', menyelaraskan: 'benar', lebar: 80}, {Bidang: 'listprice', judul: 'Daftar Harga', menyelaraskan: 'benar', lebar: 60}, {Bidang: 'unitcost', judul: 'Satuan Biaya', menyelaraskan: 'benar', lebar: 60}, {Bidang: 'attr1', judul: 'Atribut', width: 150}, {Bidang: 'Status', judul: 'Stauts', menyelaraskan: 'pusat', lebar: 60} ]] });
Drop-down Data grid (Combogrid) komponen harus mendefinisikan 'idfield' dan properti 'textField'. toko properti komponen nilai 'idfield', 'textField' properti untuk menampilkan pesan teks di kotak input teks. Drop-down Data grid (Combogrid) komponen mungkin 'lokal' atau catatan filter 'terpencil' mode. Dalam modus jarak jauh (remote), ketika pengguna memasukkan karakter ke dalam kotak input teks, grid drop-down data (Combogrid) untuk mengirim 'q' parameter ke server remote.
? $ Q = isset ($ _ POST [ 'q']) strval ($ _ POST [ 'q']): ''; termasuk 'conn.php'; $ Rs = mysql_query ( "select * from barang mana itemid seperti '% $ q%' atau productid seperti '% $ q%'"); $ Rows = array (); sementara ($ row = mysql_fetch_assoc ($ rs)) { $ Baris [] = $ row; } json_encode echo ($ baris);