jQueryのEasyUIデータグリッド - マージされたセル
データグリッド(DataGridが)、多くの場合、細胞の一部をマージする必要があります。 このチュートリアルでは、データ・グリッド(データグリッド)でセルを結合する方法を紹介します。
単に情報パラメータをマージ渡し、「mergeCells 'メソッドを呼び出し、データグリッド(データグリッド)セルをマージするには、データグリッドのセルを結合する方法(データグリッドを)伝えます。 すべてのマージされた細胞では、最初のセルに加えて、他の細胞は、合併後で非表示にします。
作成データグリッド(DataGridの)
<表のid = "TT"タイトル= "マージセル"スタイル= "幅:550px;高さ:250ピクセル" URL = "データ/ datagrid_data.json」 singleSelect = "true"をiconCls = "アイコン保存」rownumbers =" true "を idFieldは=>ページネーション= "true"を "ITEMID」 <THEAD =凍結 "真"> <TR> <Thのフィールド= "商品コード"幅= "80"フォーマッタ= "formatProduct">プロダクトID </目> <Thのフィールドが= "ITEMID"幅= "100">アイテムID </目> </ TR> </ THEAD> <THEAD> <TR> 価格<Thが= "2" COLSPAN> </番目> <ThのROWSPAN = "2"フィールド= "ATTR1"幅= "150">属性</目> Stauts <ThがROWSPAN = "2"フィールド= "ステータス"幅= "60" = "センター"を揃える> </ thは> </ TR> <TR> <Thのフィールド= "listprice"幅= "80" = "右"を揃える>価格</目> <Thのフィールド= "unitcost"幅= "80"揃える= "右">単価</目> </ TR> </ THEAD> </表>
マージされたセル
データがロードされると、我々はそうonLoadSuccessコールバック関数に次のコードを配置し、データグリッド(データグリッド)の細胞の一部をマージします。
$( '#Ttの')。データグリッド({ onLoadSuccess:関数(){ varが{[=をマージ インデックス:2、 ROWSPAN:2 }、{ インデックス:5、 ROWSPAN:2 }、{ インデックス:7、 ROWSPAN:2 }]; 以下のために(VAR私= 0;私はmerges.lengthを<;私は++します) $( '#Ttの')。データグリッド( 'mergeCells'、{ インデックス:マージ[i]の.INDEX、 フィールド:「商品コード」、 ROWSPAN:マージ[i]は.rowspan }); } });