<div style="margin:10px 0;"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="edit()">Edit</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="insert()">Insert</a><a href="javascript:void(0)" class="easyui-linkbutton" onclick="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>