jquery easyui tree dialog

標籤：context   attr   dialog   tle   amp   lan   update   tab   3.5   

<script type="text/javascript" src="<%=request.getContextPath()%>/include/javascript/portalPage/jquery-1.11.2.min.js"></script><link rel="stylesheet" href="<%=request.getContextPath()%>/emr/include/css/zTreeStyle.css" type="text/css"/><script type="text/javascript" src="<%=request.getContextPath()%>/userinfo/include/js/jquery.ztree.core-3.5.js"></script><link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/include/easyui/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/include/easyui/themes/icon.css"/><script language="javascript" src="<%=request.getContextPath()%>/include/easyui/jquery.easyui.min.js"></script><script type="text/javascript">function openDialog(){$("#nav_ul").tree({url:‘<%=request.getContextPath()%>/emrpageoffice.do?verbId=privateTreeInit&type=root‘,valueField: ‘id‘,textField: ‘text‘,editable: false,method: ‘post‘,onBeforeExpand:function(node) { var url1="<%=request.getContextPath()%>/emrpageoffice.do?verbId=privateTreeInit&type=second&parentCode="+node.id;$(‘#nav_ul‘).tree("options").url=url1;},onClick:function(node){privateIframe = $("#div_right_iframe");var url2="<%=request.getContextPath()%>/emrpageoffice.do?verbId=detail&id="+node.typeId;privateIframe.attr("src",url2);if(node.state=="closed"){$(‘#nav_ul‘).tree(‘expand‘, node.target);}else if(node.state=="open"){$(‘#nav_ul‘).tree(‘collapse‘, node.target);}}/* ,loadFilter: function(rows){return convert(rows);} */});var h1 = $(document).scrollTop();//捲軸到頂部的垂直高度var h2 = $(window).height(); //螢幕高度，下面的200是dialog的高度var w1 = $(window).width(); //螢幕寬度，下面的400是dialog的寬度$("#mydialog_private").window("open").window("resize",{top:h1+((h2-400)/2),left:(w1-590)/2});}</script>

<div onclick="openDialog()" style="cursor: pointer;">添加病曆 </div><div id="mydialog_private" class="easyui-dialog" title="專用模板類型" data-options="closed:true,modal:true" style="width:590px;height:400px;padding:5px;"><div style="height: 85%;width: 100%;border:1px solid #dedede;"><div id="div_left" style="height: 100%;width: 29%;border: 1px solid #00CED1;float:left;margin-left:1px; display:inline"><ul class="easyui-tree" id="nav_ul"></ul></div><div id="div_right" style="height: 100%;width: 70%;float:left; display:inline"><iframe id="div_right_iframe" name="div_right_iframe" frameborder="0" width="100%" height="100%" src=""></iframe></div></div><div style="height: 15%;width: 100%;border: 1px solid #dedede;"><a href="javascript:void(‘0‘)" onclick="addPrivateMenu(0)">新增目錄</a><a href="javascript:void(‘0‘)" onclick="addPrivateMenu(1)">新增子目錄</a><a href="javascript:void(‘0‘)" onclick="updatePrivateMenu()">修改</a><a href="javascript:void(‘0‘)" onclick="deleteTree()">刪除</a><a href="javascript:void(‘0‘)" onclick="btnsave()">儲存</a><a href="javascript:void(‘0‘)" onclick="cancel()">取消</a><a href="javascript:void(‘0‘)" onclick="closeDialog()">退出</a></div></div>

　　

jquery easyui tree dialog