<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的更多相关文章

  1. Jquery easyui Tree的简单使用

    Jquery easyui Tree的简单使用 Jquery easyui 是jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻 ...

  2. Jquery easyui tree的使用

    这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" ...

  3. ASP.NET页面使用JQuery EasyUI生成Dialog后台取值为空

    原因: JQuery EasyUI生成Dialog后原来的文档结构发生了变化,原本在form里的内容被移动form外面,提交到后台后就没有办法取值了. 解决办法: 在生成Dialog后将它append ...

  4. 第二百零四节,jQuery EasyUI,Dialog(对话框)组件

    jQuery EasyUI,Dialog(对话框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解EasyUI中Dialog(窗口)组件的使用方法,这个组件依赖 ...

  5. Jquery EasyUI Tree .net实例

    图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [Fat ...

  6. Jquery easyui tree 一些常见操作

    Tree: easyui tree的异步加载实现很简单,easyui的中文API文档中有实例(http://api.btboys.com/easyui/)——创建异步树形菜单,就是在tree node ...

  7. Jquery EasyUI Tree树形结构的Java实现(实体转换VO)

    前一阵做的OA项目,有一个是组织架构的树,因为是分开做的,我做的是Controller和页面,其他组做的Service和Dao,因为之前一直没有商量页面用什么框架做比较好,导致,Dao层取出来的数据都 ...

  8. JQuery EasyUI Tree组件的Bug记录

    记录一下使用项目中使用EasyUI遇到的bug,废话少说直接上菜  - _-(bug)..... bug ::   .netcore创建一个web应用时候,会自动引入jQuery库以及一些插件,但是在 ...

  9. Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)

    private void SMT(HttpContext context) { string SqlConnection82 = System.Configuration.ConfigurationM ...

随机推荐

  1. Notepad++根据语言类型自动选择对应编译器来编译代码

    Notepad++的NppExec插件可以调用好多编译器来编译代码. 比如编译Java: NPP_SAVE javac "$(FULL_CURRENT_PATH)" java -c ...

  2. python几个重要的模块备忘

    一:模块使用方法 二:时间模块time 三:系统接口模块os和sys 四:数据保存的几个模块json,pickle,xml,configparse 五:数据复制移动模块shutil 六:日志模块log ...

  3. Nodejs学习(二)-express生成器

    1.安装生成器 sudo npm install express-generator -g 2.做ln链接,这个我就不介绍了,可以参照上个随笔,指向/usr/local/bin就行. 3.生成项目文件 ...

  4. go语言的selector

    For a primary expression x that is not a package name, the selector expression x.f denotes the field ...

  5. AngulaJS路由 ui-router 传递多个参数

    定义路由: .state('txnresult', { url: '/txnresult/:originAmount/:finalAmount/:currentPoint/:txnId/:discou ...

  6. cf727e

    题意:给你一个模式串和一堆长度相同的不相同的匹配串,问是否有一个方案可以让这个模式串由这些匹配串首尾相连组成,每个串只能出现一次. 思路:还是比较简单的,显然模式串每个位置最多匹配一个匹配串,因为所有 ...

  7. 阿里云SLB后Nginx、Tomcat获取真实IP

    一.SLB后Nginx如何获取真实IP 前提:nginx作为slb获取真实ip是使用 http_realip_module,默认一键安装包安装的nginx没有安装这个模块需要重新重新编译nginx并加 ...

  8. HRS(CRLF Injection)

    [HRS(CRLF Injection)] CRLF是”回车 + 换行”(\r\n)的简称.在HTTP协议中,HTTP Header与HTTP Body是用两个CRLF分隔的,浏览器就是根据这两个CR ...

  9. 将Linux文件清空的几种方法

    1.使用重定向的方法 [root@centos7 ~]# du -h test.txt .0K test.txt [root@centos7 ~]# > test.txt [root@cento ...

  10. A. Writing Code 完全背包

    http://codeforces.com/contest/543/problem/A 一开始这题用了多重背包做,结果有后效性. 就是如果6,这样拆分成 1 + 2 + 3的,那么能产生3的就有两种情 ...