jQueryのEasyUIデータグリッド - ツールバー2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。
この例では、データグリッド(データグリッド)にツールバー(ツールバー)を追加する方法を示します。
<表のid = "TT"クラス= "easyui-データグリッド"スタイル= "幅:600PX;高さ:250ピクセル" URL = "データ/ datagrid_data.json」 タイトル= "データグリッドとツールバー」iconCls ="アイコン保存」 ツールバー= "#1 TB"> <THEAD> <TR> アイテムID </目> <Thのフィールドは=幅= "80" "のItemID"> <Thのフィールド= "商品コード"幅= "80">プロダクトID </目> <Thのフィールド= "listprice"幅= "80" = "右"を揃える>価格</目> <Thのフィールド= "unitcost"幅= "80"揃える= "右">単価</目> <Thのフィールド= "ATTR1"幅= "150">属性</目> <Thのフィールド= "ステータス"幅= "60" = "センター"を揃える> Stauts </目> </ TR> </ THEAD> </表> <DIVのID = "TB"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> </a>に追加 <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')">カットします</a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')">保存します</a> </ DIV>
我々は、単にデータ・グリッド(データグリッド)への「ツールバー」プロパティ添付ツールバー(ツールバー)により任意のJavaScriptコードを記述する必要はありません。