jQueryのEasyUIデータグリッド - ソートを設定します
この例では、ヘッダーをクリックすることで、データグリッド(DataGridの)リストをソートする方法を示します。
データグリッドリストをソートするために、ヘッダーをクリックしてすべての列の(データグリッド)。 あなたは列がソートできるかを定義することができます。 あなたがtrueにソート可能なプロパティを設定しない限り、デフォルトでは、列をソートすることはできません。
作成データグリッド(DataGridの)
<表のid = "TT"クラス= "easyui-データグリッド"スタイル= "幅:600PX;高さ:250ピクセル" URL = "datagrid8_getdata.php" タイトル= "データのロード" iconCls = "アイコン保存」 rownumbers = "true"のページネーション= "真"> <THEAD> <TR> アイテムID </目> <Thのフィールドは=幅= "80"ソート可能= "true"を "ITEMID"> <Thのフィールド= "商品コード"幅= "80"ソート可能= "真">プロダクトID </目> 価格</目> <Thのフィールド= "listprice"幅= "80" = "右"ソート可能= "true"を合わせます> <Thのフィールド= "unitcost"幅= "80"揃える= "右"ソート可能= "真">単価</目> <Thのフィールド= "ATTR1"幅= "150">属性</目> <Thのフィールド= "ステータス"幅= "60" = "センター"を揃える> Stauts </目> </ TR> </ THEAD> </表>
私たちは、unitcostが好きで、商品コード、いくつかの並べ替え可能な列がアイテムIDが含まれているlistpriceを定義します。 「ATTR1」列と「状況」列をソートすることはできません。
あなたがデータグリッド(DataGridの)をソートすると、リモートサーバーへの2つの引数を送信します。
- 並べ替え:フィールド名のリストを並べ替えます。
- 順序:ソート、デフォルト値は 'ASC'です、「昇順」または「降順」であってもよいです。
サーバー側のコード
?$ページ= ISSET($ _ POST [ 'ページ'])INTVAL($ _ POST [ 'ページ']):1; ?$行の=のISSET($ _ POST [ '行'])INTVAL($ _ POST [ '行']):10; ?$ソート= ISSET($ _ POST [ 'ソート'])strval($ _ POST [ 'ソート']): 'ITEMID'; ?$受注= ISSET($ _ POST [ '順序'])strval($ _ POST [ '順序']): 'ASC'; $ =($ページ-1)* $行オフセット。 $結果=配列(); 「conn.php 'を含みます。 $ルピー=するmysql_query( "SELECT COUNT(*)の項目から"); $行=は、mysql_fetch_row($ RS)。 $結果[ "総"] = $行[0]; $ルピー=するmysql_query( "、$行をオフセット$ $ソート$順序の制限によりアイテムの順序から選択*"); $アイテム=配列(); 一方、($行= mysql_fetch_object($ RS)){ array_push($アイテム、$行)。 } $ [ "行"] = $アイテムを結果。 エコーjson_encode($結果);