1. Heim
  2. jQuery EasyUI Form - Dropdown-Filterdatenraster (ComboGrid)

Das beste jQuery EasyUI Form - Dropdown-Filterdatenraster (ComboGrid)-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

jQuery EasyUI Form - Dropdown-Filterdatenraster (ComboGrid)

Drop-Down-Datenraster (Combogrid) gemeinsame Komponenten, und Drop-Down-Boxen (Combobox) Komponente ist, zusätzlich ein Drop-Down-Panel zu haben, die auf Datenraster basieren (Datagrid) von. Drop-Down-Datenraster (Combogrid) Komponenten gefiltert werden können, Paging, und hat einige andere Datengitter (Datagrid) -Funktion. Dieses Tutorial zeigt Ihnen, wie Sie die Daten in einem Drop-Down-Datenraster (Combogrid) Komponente aufgezeichnet zu filtern.

Erstellen Sie ein Drop-down-Datenraster (Combogrid) 

<Input id = "cg" style = "width: 150px">

$ ( '# Cg'). Combogrid ({
	panelWidth 500,
	url: 'form5_getdata.php',
	idField: 'itemid',
	textfield: 'productid',
	Modus: "Remote",
	fitColumns: true,
	Spalten: [[
		{Field: 'itemid', Titel: 'Item ID', Breite: 60},
		{Field: 'productid', Titel: 'Product ID', ausrichten: "Recht", Breite: 80},
		{Field: 'gelisteter', Titel: "Listenpreis", ausrichten: "Recht", Breite: 60},
		{Field: 'Unitcost ", Titel:" Stückkosten ", ausrichten:" Recht ", Breite: 60},
		{Field: 'attr1', Titel: 'Attribut', Breite: 150},
		{Field: "Status", Titel: 'Stauts' ausrichten: "Zentrum", Breite: 60}
	]]
});

Drop-Down-Datenraster (Combogrid) Komponenten sollten definieren 'idField "und" Textfield "Eigentum. 'IdField' Eigenschaftsspeicherkomponentenwerte, "Textfield" Eigenschaft, um die Textnachricht im Texteingabefeld angezeigt werden soll. Drop-Down-Datenraster (Combogrid) Komponente sein kann "lokale" oder "Remote" Modus Filtersätze. In Fernbedienung (Remote) Modus, wenn der Benutzer ein Zeichen in das Texteingabefeld eingibt, schickt das Drop-down-Datenraster (Combogrid), um die "q" Parameter auf dem Remote-Server.

Server-Side-Code

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

schließen 'conn.php';

$ Rs = mysql_query ( "select * from Punkt, wo itemid '% $ q%' oder productid like '% $ q%" wie ");
$ Rows = array ();
while ($ row = mysql_fetch_assoc ($ rs)) {
	$ rows [] = $ row;
}
Echo json_encode ($ Reihen);

Download von jQuery EasyUI Beispiele

jeasyui-form-form5.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Form - Dropdown-Filterdatenraster (ComboGrid)
10/30