Najlepszy samouczek jQuery EasyUI formą - Filtr siatka danych rozwijanej (ComboGrid) W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI formą - Filtr siatka danych rozwijanej (ComboGrid)

Rozwijane sieci danych (Combogrid) wspólne elementy i rozwijane pudełka (Combobox) elementem jest ponadto mieć panelu rozwijanego, które są oparte na sieci danych (DataGrid) z. Rozwijane sieci danych (Combogrid) składniki mogą być filtrowane, stronicowania i ma jakąś inną funkcję siatki danych (DataGrid). Ten poradnik pokazuje, jak filtrować dane zapisane w siatce danych rozwijane (Combogrid) komponentu.

Tworzenie siatki danych rozwijane (Combogrid)

<Wejście id = "CG" style = "width: 150px">
$ ( '# Cs "). Combogrid ({
	panelWidth: 500,
	url: 'form5_getdata.php "
	idField: "itemid"
	textField: "productid"
	Tryb: "zdalnie"
	fitColumns: prawda,
	kolumny: [[
		{Pole: "itemid", tytuł: "Numer pozycji", Szerokość: 60}
		{Pole: "productid", tytuł: "Product ID" align: "prawo", szerokość: 80}
		{Pole: "ListPrice", tytuł: "Cennik" align: "prawo", szerokość: 60}
		{Pole: "unitcost", tytuł: "koszt jednostkowy" align: "prawo", szerokość: 60}
		{Pole: "attr1", tytuł: "Atrybut ', szerokość: 150}
		{Pola: 'status', tytuł: "Stauts" align: 'centrum', szerokość: 60}
	]]
});

Rozwijane sieci danych (Combogrid) elementy powinny określać "idField 'oraz' 'textField własność. Wartości elementów "IdField 'store nieruchomość" textField' własności, aby wyświetlić wiadomość tekstową w polu tekstowym. Rozwijane sieci danych (Combogrid) składnik może być "miejscowy" lub zapisy filtry trybie 'remote'. W trybie zdalnym (zdalnego), kiedy użytkownik wprowadzi znak w polu tekstowym, siatka danych rozwijane (Combogrid) wysłać parametr 'q' do zdalnego serwera.

Kod po stronie serwera

form5_getdata.php
? $ Q = isset ($ _ POST [ 'q']) strval ($ _ POST [ 'q']): '';

to "conn.php ';

$ R = mysql_query ( "select * from pozycji, w której ItemID like '% $% q' lub IDProduktu jak '% $% q'");
$ Wiersze = array ();
while ($ row = mysql_fetch_assoc ($ rs)) {
	$ Wiersze [] = $ row;
}
echo json_encode ($ wiersze);

Pobierz przykłady jQuery EasyUI

jeasyui-form-form5.zip

jQuery EasyUI formą - Filtr siatka danych rozwijanej (ComboGrid)
10/30