<div style="margin:10px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="edit()">Edit</a>
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="insert()">Insert</a>
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="deleteRow()">Delete</a>
</div>
<table id="tg" class="easyui-treegrid" title="Editable TreeGrid" style="width:700px;"
data-options="
iconCls: 'icon-ok',
rownumbers: true,
animate: true,
collapsible: true,
fitColumns: true,
url: '../treegrid/treegrid_data2.json',
idField: 'id',
treeField: 'name',
showFooter: true
">
<thead>
<tr>
<th data-options="field:'name',width:180,editor:'text'">Task Name</th>
<th data-options="field:'persons',width:60,align:'right',editor:'numberbox'">Persons</th>
<th data-options="field:'begin',width:80,editor:'datebox'">Begin Date</th>
<th data-options="field:'end',width:80,editor:'datebox'">End Date</th>
<th data-options="field:'progress',width:120,formatter:formatProgress,editor:'numberbox'">Progress</th>
</tr>
</thead>
</table>
jQuery EasyUI treegrid 增删改查 - 2
最新推荐文章于 2021-02-23 23:22:53 发布