昨天有一个需求是在miniui的tree控件中加上一个右键菜单,能够对tree数据进行新增,修改,和删除操作
function onEditNode(e) { debugger; var tree = mini.get("leftTree"); var node = tree.getSelectedNode(); tree.beginEdit(node); checkIds.push(node.treeId); }
但是我在编辑时,调用tree的beginEdit方法时,一直都报beginEdit 不是函数的错误,后面对比了一下代码,发现是因为Tree控件用的有问题
<div id="leftTree" class="mini-treegrid" showTreeIcon="true" treeColumn="treeName" idField="treeId" parentField="treePid" resultAsTree="true" allowResize="true" height="100%" showCheckBox="true" checkRecursive="true" contextMenu="#treeMenu" expandOnLoad="true"> <div property="columns" allowMove="true" allowResize="true"> <div name="treeName" field="treeName" width="250" headerAlign="center">附件名</div> </div>
上面是我错误的写法,后面更正为下面这种写法
<ul id="leftTree" class="mini-tree" height="100%" showTreeIcon="true" textField="treeName" idField="treeId" parentField="treePid" resultAsTree="false" contextMenu="#treeMenu" expandOnLoad="false" showCheckBox="true" endedit="endeditEvent" > </ul>