jQueryのEasyUIデータグリッド - 行データを選択します
この例では、選択された行データを取得する方法を示しています。
データグリッド(データグリッド)コンポーネントは、データの選択された行を検索するために2つのメソッドが含まれています。
- getSelected:行が選択されていない場合、データの最初の行が選択されます、それはそれ以外の場合は、レコードを返し、nullを返します。
- getSelections:データの選択したすべての行を取得し、データ要素レコードの配列を返します。
作成データグリッド(DataGridの)
<表のid = "TT"クラス= "easyui-データグリッド"スタイル= "幅:600PX;高さ:250ピクセル" URL = "データ/ datagrid_data.json」 タイトル= "データのロード" iconCls = "アイコン保存"> <THEAD> <TR> アイテムID </目> <Thのフィールドは=幅= "80" "のItemID"> <Thのフィールド= "商品コード"幅= "80">プロダクトID </目> <Thのフィールド= "listprice"幅= "80" = "右"を揃える>価格</目> <Thのフィールド= "unitcost"幅= "80"揃える= "右">単価</目> <Thのフィールド= "ATTR1"幅= "150">属性</目> <Thのフィールド= "ステータス"幅= "60" = "センター"を揃える> Stauts </目> </ TR> </ THEAD> </表>
デモを使用して
選択したデータ行を取得します。
VAR行= $( '#のTT')データグリッド( 'getSelected'); {(行)の場合 アラート( 'アイテムID:' + row.itemid + "\ nPrice:" + row.listprice)。 }
アイテムIDを選択したすべての行を取得します。
VARのid = []; VAR行= $( '#のTT')データグリッド( 'getSelections'); 以下のために(VAR iは= 0; iはrows.lengthを<;私は++){ ids.push(行[i]の.itemid)。 } アラート(ids.join( '\ n')で)。