jquery easyui tree dialog
<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的更多相关文章
- Jquery easyui Tree的简单使用
Jquery easyui Tree的简单使用 Jquery easyui 是jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻 ...
- Jquery easyui tree的使用
这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" ...
- ASP.NET页面使用JQuery EasyUI生成Dialog后台取值为空
原因: JQuery EasyUI生成Dialog后原来的文档结构发生了变化,原本在form里的内容被移动form外面,提交到后台后就没有办法取值了. 解决办法: 在生成Dialog后将它append ...
- 第二百零四节,jQuery EasyUI,Dialog(对话框)组件
jQuery EasyUI,Dialog(对话框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解EasyUI中Dialog(窗口)组件的使用方法,这个组件依赖 ...
- Jquery EasyUI Tree .net实例
图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [Fat ...
- Jquery easyui tree 一些常见操作
Tree: easyui tree的异步加载实现很简单,easyui的中文API文档中有实例(http://api.btboys.com/easyui/)——创建异步树形菜单,就是在tree node ...
- Jquery EasyUI Tree树形结构的Java实现(实体转换VO)
前一阵做的OA项目,有一个是组织架构的树,因为是分开做的,我做的是Controller和页面,其他组做的Service和Dao,因为之前一直没有商量页面用什么框架做比较好,导致,Dao层取出来的数据都 ...
- JQuery EasyUI Tree组件的Bug记录
记录一下使用项目中使用EasyUI遇到的bug,废话少说直接上菜 - _-(bug)..... bug :: .netcore创建一个web应用时候,会自动引入jQuery库以及一些插件,但是在 ...
- Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
private void SMT(HttpContext context) { string SqlConnection82 = System.Configuration.ConfigurationM ...
随机推荐
- websql的添加和查询
openDatabase 我们可以使用这样简单的一条语句,创建或打开一个本地的数据库对象 var db = openDatabase('testDB', '1.0', 'Test DB', 2 * 1 ...
- 10个顶级的CSS UI开源框架
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...
- DataTable自定义排序
使用JQ DataTable 的时候,希望某列数据可以进行自定义排序,操作如下:(以中文排序和百分比排序为例) 1:定义排序类型: //百分率排序 jQuery.fn.dataTableExt.oSo ...
- 时间服务器:NTP 服务器
15.1 关于时区与网络校时的通讯协议 使得每一部主机的时间同步化. DHCP 客户端/服务器端所需要的租约时间限制. 网络侦测时所需要注意的时间点.刚刚谈到的登录文件分析功能.具有相关性的主 ...
- MVC过滤器详解
MVC过滤器详解 APS.NET MVC中(以下简称"MVC")的每一个请求,都会分配给相应的控制器和对应的行为方法去处理,而在这些处理的前前后后如果想再加一些额外的逻辑处理. ...
- php使用curl简单抓取远程url的方法
这篇文章主要介绍了php使用curl简单抓取远程url的方法,涉及php操作curl的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了php使用curl抓取远程url的方法.分 ...
- mysql ERROR 1062: ALTER TABLE causes auto_increment resequen
当我用Navicat尝试修改已有记录的mysql数据表的主键为自动增长时,报出以下错误 1602 ALTER TABLE causes auto_increment resequencing, res ...
- RHCA-红帽认证架构师
OpenStack: 向部署应用 配置域.数据源子系统.中实施应用安全 迁移应用至 介绍集群 考试代码 任选其中五门: (红帽企业虚拟化) (红帽企业部署和系统管理) (红帽企业服务器硬化) (红帽企 ...
- 博客代码:iframe—网页中嵌入其他网页
iframe 是一个可以把另外一个网页嵌入到一个网页里的代码,非常有用.对于一个内容不错的网页,要方便地把它搬到自己的博客里,用这个代码最合适.而对于在新浪博客里不支持的一些网页效果和代码,可先把他们 ...
- 关于angularjS与jQuery框架的那些事
这篇文章主要介绍了jQuery和angularJS的区别浅析,本文着重讲解一个熟悉jQuery的程序员如何应对angularJS中的一些编程思想的转变吗,需要的朋友可以参考下 最近一直研究angula ...