jQuery EasyUI Data Grid - Aggiungere inchiesta
Questo esempio dimostra come ottenere i dati dal database, e li visualizza nella griglia di dati (DataGrid) in. Poi dimostra come visualizzare i risultati della ricerca in base immessi dall'utente parole chiave di ricerca.
La creazione di una griglia di dati (DataGrid)
Creare una funzione di paging con la griglia di dati (DataGrid) e aggiungere le barre degli strumenti ad essa.
<Table id = "tt" class = stile "easyui-DataGrid" = "width: 600px; height: 250px" url = "datagrid24_getdata.php" toolbar = "# tb" title = "iconCls caricare i dati" = "icona-save" rownumbers = "true" impaginazione = "true"> <Thead> <Tr> <Field Th = "Itemid" width = "80"> ID Articolo </ th> <Field Th = larghezza "ProductID" = "80"> ID prodotto </ th> <Th campo = larghezza "prezzo di listino" = "80" align = "right"> Listino </ th> <Field Th = "Costounitario" width = "80" align = "right"> Costo Unità </ th> <Th campo = larghezza "attr1" = "150"> attributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Barre degli strumenti sono definiti come segue:
<Id = style Div "tb" = "padding: 3px«> <Span> ID Articolo: </ span> <Input id = "itemid" style = "line-height: 26px; border: 1px solid #ccc"> <Span> ID prodotto: </ span> <Input id = "ProductID" style = "line-height: 26px; border: 1px solid #ccc"> <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()"> Ricerca </a> </ Div>
Quando un utente inserisce un valore di query e pulsante Query stampa, sarà chiamato funzione 'doSearch':
funzione doSearch () { $ ( '# Tt'). DataGrid ( 'carico', { itemid: $ ( '# ItemID') val () ,. ProductID: $ ( '# ProductID') val (). }); }
Il codice di cui sopra chiama il metodo 'carico' per caricare i dati di nuova griglia di dati (DataGrid). Abbiamo bisogno di passare 'itemid' e gli argomenti "ProductID" al server.
codice lato server
includere 'conn.php'; ? $ = Pagina isset ($ _ POST [ 'pagina']) intval ($ _ POST [ 'pagina']): 1; ? $ Rows = isset ($ _ POST [ 'righe']) INTVAL ($ _ POST [ 'righe']): 10; ? $ Itemid = isset ($ _ POST [ 'Itemid']) mysql_real_escape_string ($ _ POST [ 'Itemid']): ''; ? $ ProductID = isset ($ _ POST [ 'ProductID']) mysql_real_escape_string ($ _ POST [ 'ProductID']): ''; $ Offset (pagina-1 $) * = $ file; $ Risultato = array (); $ Dove = "itemid come '$ itemid%' e IDProdotto like '$ ProductID%'"; $ Rs = mysql_query ( "select count (*) dalla voce dove" $ dove.); $ Riga = mysql_fetch_row ($ rs); $ Result [ "totale"] = $ row [0]; $ Rs = mysql_query ( "select * from voce dove" $ dove "limite di $ offset, $ righe" ..); $ Items = array (); while ($ row = mysql_fetch_object ($ rs)) { array_push ($ articoli, $ row); } $ Risultato [ "file"] = $ articoli; json_encode echo ($ result);