EasyUI 二次加载toolbar异常问题解决
问题:easyUI初次渲染正常,之后会出问题,toolbar重复加载
解决办法:每次加载之前先从body中删除已经渲染的工具栏-->重新加载-->手动渲染工具栏
代码:
function initZLWTCFBZ() { var dtool = $('<div id="zlwttb" style="height: auto"><div>质量问题:<input id="cmbZLWT" class="easyui-combobox"style="width: 300px;" />扣罚分值:<input id="cmbKFFZ" class="easyui-textbox" data-options="editable:false" style="width: 50px;" /></div><div><a href="##" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="addZLWT()">添加</a></div></div>') $('#zlwttb').each(function(){$(this).remove()}); //删除原有工具栏 dtool.appendTo($('body')) //工具栏加载到body $.parser.parse(dtool); //渲染工具栏 initZLWTGrid(); initCMBZLWT(); }
工具栏:
<div id="zlwttb" style="height: auto"> <div> 质量问题:<input id="cmbZLWT" class="easyui-combobox" style="width: 300px;" /> 扣罚分值:<input id="cmbKFFZ" class="easyui-textbox" data-options="editable:false" style="width: 50px;" /> </div> <div> <a href="##" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="addZLWT()"> 添加</a> </div> </div>