jQueryのEasyUIフォーム - [フィルタ]ドロップダウンデータグリッド(ComboGrid)
ドロップダウンデータグリッド(Combogrid)共通コンポーネント、およびドロップダウンボックス(コンボボックス)コンポーネントは、データグリッド(データグリッド)に基づいており、ドロップダウンパネルを、持っているに加えて、あります。 ドロップダウンは、データグリッド(Combogrid)コンポーネントは、ページングを濾過し、そして他のいくつかのデータ・グリッド(データグリッド)機能を有していることができます。 このチュートリアルでは、ドロップダウンデータグリッド(Combogrid)コンポーネントに記録されたデータをフィルタリングする方法を示しています。
ドロップダウンデータグリッドを作成します(Combogrid)
<入力されたID = "CG"スタイル= "幅:150ピクセル">
$( '#のCg')。Combogrid({ panelWidth:500、 URL: 'form5_getdata.php」、 idFieldは: 'itemidの' テキストフィールド:「商品コード」、 モード:「リモート」、 fitColumns:trueの場合、 列:[[ {フィールド: 'itemidの'、タイトル:「アイテムID」、幅:60}、 {フィールド:「商品コード」、タイトル:「プロダクトID」、整列する: '右'を、幅:80}、 {フィールド:「listprice」は、タイトル:「定価」は、整列する:「右」、幅:60}、 {フィールド: 'unitcost'、タイトル:「単価」は、整列する:「右」、幅:60}、 {フィールド: 'ATTR1'、タイトル:「属性」、幅:150}、 {フィールド:「ステータス」、タイトル:「Stauts '、整列する:'中央 '、幅:60} ]] });
ドロップダウンデータグリッド(Combogrid)コンポーネントは、「idField」と「テキストフィールド」プロパティを定義する必要があります。 「IdField 'プロパティストア成分値、「テキストフィールド」プロパティは、テキスト入力ボックスにテキストメッセージを表示します。 ドロップダウンデータグリッド(Combogrid)コンポーネントは、「ローカル」または「リモート」モードフィルタレコードであってもよいです。 ユーザーがテキスト入力ボックスに文字を入力する遠隔(リモート)モードでは、ドロップダウンデータグリッド(Combogrid)は、リモートサーバに「Q」パラメータを送信します。
サーバー側のコード
form5_getdata.php
?$ Q = ISSET($ _ POST [ 'Q'])strval($ _ POST [ 'Q']): ''; 「conn.php 'を含みます。 $ルピー=するmysql_query( " '%の$ Qは%'のように '%の$ Qは%'や商品コードのようITEMID項目から選択*"); $行=配列(); 一方、($行= mysql_fetch_assoc($ RS)){ $行[] = $行; } エコーjson_encode($行)。