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 ...
随机推荐
- 1.mysql基础之 php 连接
1.连接数据库 $db=@mysql_connect('DB_HOST','DB_USER','DB_PASS') or die("Unable to connect"); DB_ ...
- Ajax请求数据
后台使用数数组的形式存放数据(以键值对的形式存放).让后再Json转码. Map<String,String> map=new HashMap<String,String>() ...
- py-faster-rcnn(running the demo): ubuntu14.04+caffe+cuda7.5+cudnn5.1.3+python2.7环境搭建记录
第一次写博客,以此纪念这几天安装caffe,跑faster-rcnn的血泪史.在此特别感谢网络各路大神,来自全球各地,让我能从中汲取营养,吸取经验,总结规律. faster-rcnn分为matlab版 ...
- Kibana安装与基本用法
Kibana也是一个开源和免费的工具,他可以帮助您汇总.分析和搜索重要数据日志并提供友好的web界面.他可以为Logstash 和ElasticSearch 提供日志分析的Web界面 它是一个基于浏览 ...
- 9.5.8 Optimizing InnoDB Disk I/O
如果你数据库设计以及sq操作都是最佳实践,但是你数据库仍然被较重的io活动拖累的较慢,那么试一试看看top或者windows的任务管理器,cpu使用率和工作量低于70%,那么或许是您的硬盘较慢. 1 ...
- 最近使用JQuery Easyui 碰到的几个奇怪问题
最近项目想尝试Easyui来做做前端界面,但是刚开始就碰到几个问题,记录下来,免得忘了. 1. 点击添加或修改按钮后,弹出窗体,窗体内容参加“href”属性远程加载 问题:第一次弹出窗体正常,但是再次 ...
- Android开发环境
1: JDK 2: Eclipse 3: Android SDK 4: ADT
- java 访问mysql 实例
前提条件: 1.安装eclipse,mysql.java jdk 2.安装mysql connect J (我安装的版本是mysql connect J 5.1.39) 3.配置java环境变量 4 ...
- ffmpeg 音频转换: use ffmpeg convert the audio from stereo to mono without changing the video part
To convert the audio from stereo to mono without changing the video part, you can use FFmpeg: ffmpeg ...
- IE11部分图片无法显示的兼容办法
问题描述:写的网页在浏览器中测试兼容问题,FF,Chrome,Edge都完美兼容(包括Edge中的仿真),但是在IE11中却无法显示部分图片,并且报:DOM7009: 无法解码 URL 处的图像 错误 ...