<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. c#-基础:类的进阶

    类的概述: 类是一个能存储数据并执行代码的数据结构 数据成员:通常模拟该类所表示显示世界的事物特性 函数成员:执行代码.模拟显示世界事物的功能和操作 数据成员:字段,常量 函数成员执行代码:方法 运算 ...

  2. etc 安装及使用

    键值存储仓库,用于配置共享和服务发现. A highly-available key value store for shared configuration and service discover ...

  3. 动态设置和访问cxgrid列的Properties(转)

    原文:http://www.cnblogs.com/hnxxcxg/archive/2010/05/24/2940711.html 动态设置和访问cxgrid列的Properties 设置: cxGr ...

  4. 性能测试常用Oracle语句

    性能测试常用Oracle语句 显示数据库当前的连接数 select count(*) from v$process; 显示数据库最大连接数: select value from v$parameter ...

  5. Python:python中math模块中提供的基本数学函数

    sin(x):求x的正弦 cos(x):求x的余弦 asin(x):求x的反正弦 acos(x):求x的反余弦 tan(x):求x的正切 atan(x):求x的反正切 hypot(x,y):求直角三角 ...

  6. php后台权限管理

    今天新到一家公司,重新维护升级了之前的权限管理. 权限管理思路:1.三张表(公司项目比较复杂,所以数据表远比这个复杂,这里只实现权限管理,简化一下)action表------权限大菜单:这个表没有实际 ...

  7. 实现android手机来电拦截系统页面弹出自定义页面特效

    如何实现android手机来电拦截系统页面弹出自定义页面特效, 首先:    我们需要注册一个监听来电的广播PhoneStateReceiver 类:其次:    在onReceive里面我们获取an ...

  8. javascript [object,Object]

    今天给html标签的属性赋值为对象时,发现取出来的值为 [object,Object],感觉有点奇怪. 代码如下: <!DOCTYPE html> <html> <hea ...

  9. Android_AsyncTask异步任务机制

    今天我们学习了 AsyncTack, 这是一个异步任务. 那么这个异步任务可以干什么呢? 因为只有UI线程,即主线程可以对控件进行更新操作.好处是保证UI稳定性,避免多线程对UI同时操作. 同时要把耗 ...

  10. mysql 常用查询

    1.unix时间戳的使用 unix_timesamp.from_unixtime 函数 和 datatime_format函数. // 从datetime 类型取做整形 unixtime时间戳; se ...