问个easy ui的treegrid的小白问题
最近项目需要用到treegrid,没接触过,拿demo练练手,结果出了个很小白的问题,就是编辑函数能正常运行完毕,但是treegrid的被选中行不会进入编辑状态。
代码直接修改的官方demo,只是将其中的构造treegrid方法从:
<table id="tg" class="easyui-treegrid" title="Editable TreeGrid" style="width:700px;height:250px"
data-options="
iconCls: 'icon-ok',
rownumbers: true,
animate: true,
collapsible: true,
fitColumns: true,
url: 'treegrid_data2.json',
method: 'get',
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>
换成了用JS的:
$('#tg').treegrid({
url:'testjson.json',
idField:'id',
treeField:'name',
columns:[[
{field:'name',title:'name',width:180},
{field:'persons',title:'Persons',width:100,align:'right'},
{field:'begin',title:'Begin Date',width:180},
{field:'end',title:'End Date',width:180}
]]
});
其他代码都没改,当然保留了
<table id="tg" class="easyui-treegrid" title="Editable TreeGrid" style="width:700px;height:250px">
</table>给js实例化操作。