<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 ">functionopendialog () {$ ("#nav_ul"). Tree ({url:' <%=request.getcontextpath ()%>/emrpageoffice.do?verbid=privatetreeinit&type=root ', Valuefield:' ID ', TextField:' Text ', Editable:false, Method:' Post ', Onbeforeexpand:function(node) {varurl1= "<%=request.getcontextpath ()%>/emrpageoffice.do?verbid=privatetreeinit&type=second& Parentcode= "+node.id;$ (' #nav_ul '). tree ("options"). url=url1;},onclick:function(node) {privateiframe= $ ("#div_right_iframe");varurl2= "<%=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);*/});varH1 = $ (document). scrolltop ();//vertical height of scroll bar to topvarH2 = $ (window). Height ();//Screen height, The following 200 is the height of the dialogvarW1 = $ (window). Width ();//Screen width, The following 400 is the width of the dialog$ ("#mydialog_private"). Window ("open"). window ("resize", {top:h1+ ((h2-400)/2), left: (W1-590)/2});}</script>
<div onclick= "opendialog ()" style= "cursor:pointer;" > Add a medical record </div><div id= "mydialog_private" class= "easyui-dialog" title= "private template type" 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)" > new directory </a><a href= "javascript:void (' 0 "onclick=" addprivatemenu (1) "> new subdirectory </a><a href=" javascript:void (' 0 ') "onclick="updateprivatemenu ()" > Modify </a><a href= "javascript:void (' 0 ')" onclick= "deletetree ()" > Delete </a> <a href= "javascript:void (' 0 ')" onclick= "btnsave ()" > Save </a><a href= "javascript:void (' 0 ')" onclick= " Cancel () > Cancel </a><a href= "javascript:void (' 0 ')" onclick= "closedialog ()" > Exit </a></div> </div>
jquery Easyui Tree Dialog