miniui的tree控件在編輯時報 tree.beginEdit is not a function錯誤

昨天有一個需求是在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>