這個示例向你展示如何添加toolbar到datagrid.

?

?

創建 DataGrid

?

<table?id="tt"?class="easyui-datagrid"?style="width:600px;height:250px"????

url="data/datagrid_data.json"????

title="DataGrid?with?Toolbar"?iconCls="icon-save"????

toolbar="#tb">????

<thead>????

<tr>????

<th?field="itemid"?width="80">Item?ID</th>????

<th?field="productid"?width="80">Product?ID</th>????

<th?field="listprice"?width="80"?align="right">List?Price</th>????

<th?field="unitcost"?width="80"?align="right">Unit?Cost</th>????

<th?field="attr1"?width="150">Attribute</th>????

<th?field="status"?width="60"?align="center">Stauts</th>????

</tr>????

</thead>????

</table>????

<div?id="tb">????

<a?href="#"?class="easyui-linkbutton"?iconCls="icon-add"?plain="true"?οnclick="javascript:alert('Add')">Add</a>????

<a?href="#"?class="easyui-linkbutton"?iconCls="icon-cut"?plain="true"?οnclick="javascript:alert('Cut')">Cut</a>????

<a?href="#"?class="easyui-linkbutton"?iconCls="icon-save"?plain="true"?οnclick="javascript:alert('Save')">Save</a>????

</div>????

我們不需要寫任何的javascript代碼,附加toolbar到datagrid通過'toolbar'屬性.

轉載于:https://www.cnblogs.com/huangf714/p/6252457.html

總結

以上是生活随笔為你收集整理的如何静态添加toolbar到datagrid的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。