jQueryのEasyUIデータグリッド - ボックスを追加
この例では、データグリッド(DataGridの)に列のボックスを配置する方法を示します。 チェックボックスは、ユーザがデータのグリッド線を選択/選択解除するオプションがあります。
チェックボックス列を追加するために、私たちは列属性のチェックボックスを追加し、これをtrueに設定する必要があります。 コードは以下のとおりです。
<表のid = "TT"タイトル= "チェックボックスを選択し、「クラス=" easyui-データグリッド "スタイル="幅:550px;高さ:250ピクセル " URL = "データ/ datagrid_data.json」 idFieldは=ページネーション= "true"を "ITEMID」 iconCls = "アイコン保存"> <THEAD> <TR> <Thのフィールド= "CK"チェックボックス= "真"> </目> アイテムID </目> <Thのフィールドは=幅= "80" "のItemID"> <Thのフィールド= "商品コード"幅= "80">プロダクトID </目> <Thのフィールド= "listprice"幅= "80" = "右"を揃える>価格</目> <Thのフィールド= "unitcost"幅= "80"揃える= "右">単価</目> <Thのフィールド= "ATTR1"幅= "100">属性</目> <Thのフィールド= "ステータス"幅= "60" = "センター"揃え>ステータス</目> </ TR> </ THEAD> </表>
上記のコードでは、列が持つ属性のチェックボックスを追加しましたので、チェックボックスの列になります。 idFieldプロパティが設定されている場合は、データグリッド(DataGridの)選択は、別のページに設定されたままになります。