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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<table id="prodgEdit" 500px;" class="easyui-datagrid" data-options=" iconCls: 'icon-edit', singleSelect: true"> <thead> <tr class="tr_middle"> <th class="td_middle" field="description" width="100px">标题1</th> <th class="td_middle" field="count" width="100px" editor="{type:'numberbox',options:{precision:3, min:1,digits:true,max:99999999}}">标题2</th> <th class="td_middle" field="unitPrice" width="100px" editor="{type:'numberbox',options:{precision:2, min:0.01,max:99999999}}">标题3</th> <th class="td_middle" field="unit" width="100px">标题4</th> </tr></thead> </table> function endEditing(){ if (editIndex == undefined){return true} if ($('#prodgEdit').datagrid('validateRow', editIndex)){ $('#prodgEdit').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } function accept(){ if (endEditing()){ $('#prodgEdit').datagrid('acceptChanges'); } } function reject(){ $('#prodgEdit').datagrid('rejectChanges'); editIndex = undefined; } $('#prodgEdit').datagrid({ rownumbers: true, autoSave: true, onClickRow:function(index){ if (editIndex != index){ if (endEditing()){ $('#prodgEdit').datagrid('selectRow', index) .datagrid('beginEdit', index); editIndex = index; } else { $('#prodgEdit').datagrid('selectRow', editIndex); } } }, onAfterEdit:function(){ var total = calTotalValue(); $("#vatValue").textbox("setValue", total); } }); function setEditing(rowIndex){ var editors = $('#prodgEdit').datagrid('getEditors', rowIndex); var priceEditor =editors[0]; var amountEditor = editors[1]; var count = $(priceEditor.target); var price = $(amountEditor.target); } function calTotalValue(){ var rows = $('#prodgEdit').datagrid('getRows'); var total = 0; for(var i=0,l=rows.length;i<l;i++){ var row = rows[i]; total += row['count'] * row['unitPrice']; } total = Math.round(total*100)/100; return total; }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值