jQueryのEasyUIデータグリッド - ツールバー2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。

jQueryのEasyUIデータグリッド - ツールバー

この例では、データグリッド(データグリッド)にツールバー(ツールバー)を追加する方法を示します。

作成データグリッド(DataGridの)

	<表の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コードを記述する必要はありません。

jQueryのEasyUI例をダウンロード

jeasyui-datagrid-datagrid4.zip

jQueryのEasyUIデータグリッド - ツールバー
10/30