设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › miniui.open 怎样打开一个jsp，隐藏该jsp部分内容，如 ...
12下一页
返回列表 发新帖
查看: 8375|回复: 10
打印 上一主题 下一主题

miniui.open 怎样打开一个jsp，隐藏该jsp部分内容，如：div [复制链接]

丹青颜

Rank: 1
跳转到指定楼层
楼主
发表于 2014-8-26 17:27:27 |只看该作者 |倒序浏览
本帖最后由 丹青颜 于 2014-8-26 17:31 编辑

miniui.open  怎样打开一个jsp，隐藏该jsp部分内容，如：div
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

dforce

Rank: 8Rank: 8
沙发
发表于 2014-8-26 17:31:34 |只看该作者
jsp页面写个隐藏部分内容的方法aaaa
mini.open({
   ...
   onload:function(){
          var iframe = this.getIFrameEl();
          iframe.contentWindow.aaaa()
   }
})

举报

丹青颜

Rank: 1
板凳
发表于 2014-8-26 17:32:45 |只看该作者
本帖最后由 丹青颜 于 2014-8-26 17:42 编辑
dforce 发表于 2014-8-26 17:31
jsp页面写个隐藏部分内容的方法aaaa
mini.open({
   ...

我在其他页面调用这个jsp的时候需要显示这部分内容；
我在这个jsp中将这个div display 设置为none了，然后在这个页面写了一个show方法，显示这个div

1）直接用这个jsp的页面是正常的，没有下面那部分
2）在我要显示这部分内容的页面，调用了这个show，出现了两层滚动条，如下所示：
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

felt

Rank: 8Rank: 8
地板
发表于 2014-8-26 22:13:08 |只看该作者
丹青颜 发表于 2014-8-26 17:32
我在其他页面调用这个jsp的时候需要显示这部分内容；
我在这个jsp中将这个div display 设置为none了，然后 ...

注意子页面元素高度，你两层滚动肯定是元素高度撑开的

举报

丹青颜

Rank: 1
5#
发表于 2014-8-27 09:33:37 |只看该作者
felt 发表于 2014-8-26 22:13
注意子页面元素高度，你两层滚动肯定是元素高度撑开的

我的子元素页面高度为400px，里面的内容包在form里面，form的高度设置为100%，调用这个页面的mini。open中设置高度为450px

举报

felt

Rank: 8Rank: 8
6#
发表于 2014-8-27 09:35:02 |只看该作者
丹青颜 发表于 2014-8-27 09:33
我的子元素页面高度为400px，里面的内容包在form里面，form的高度设置为100%，调用这个页面的mini。open ...

请提供重现页面

举报

丹青颜

Rank: 1
7#
发表于 2014-8-27 14:39:16 |只看该作者
felt 发表于 2014-8-27 09:35
请提供重现页面

图1是子页面，我隐藏掉了下面的确定和取消的div
图2是使用mini.open调用该页面弹出的界面，非要用鼠标改变下弹窗，那两个滚动条才能变成我需要的样子
附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

举报

felt

Rank: 8Rank: 8
8#
发表于 2014-8-27 15:08:13 |只看该作者
丹青颜 发表于 2014-8-27 14:39
图1是子页面，我隐藏掉了下面的确定和取消的div
图2是使用mini.open调用该页面弹出的界面，非要用鼠标改 ...

请提供重现的html页面，光两张图如何分析

举报

丹青颜

Rank: 1
9#
发表于 2014-8-27 16:48:37 |只看该作者
本帖最后由 丹青颜 于 2014-8-27 18:40 编辑
felt 发表于 2014-8-27 15:08
请提供重现的html页面，光两张图如何分析
  1. 这是子页面的部分内容
  2. <body>
  3.         <form style="height:100%;">
  4.                 <div class="mini-toolbar" style="padding:2px;border-top:0px;border-left:0;border-right:0;text-align:center;">
  5.                         <span style="padding-left:5px;">名称：
  6.                                 <input class="mini-textbox" id="key" style="width:150px;" showClose="true"/>
  7.                                 <a class="mini-button" onclick="query" style="width:60px;margin-left:5px;">查询</a></span>
  8.                 </div>
  9.                 <div class="mini-fit">
  10.                         <ul class="mini-tree" id="tree1" url="${ctx}/unitInfo/getAll.do" style="height:100%;padding:5px;"
  11.                                 showTreeIcon="true" textField="unitName" idField="id" parentField="parentId" resultAsTree="false" expandOnNodeClick="true"
  12.                                 contextMenu="#tree1Menu" expandOnLoad="true"   onkeydown="keyDown"
  13.                                 onendedit="onEndedit" onnodedblclick="treedblclick" ><!--  onnodeselect="onnodeselect"  ondrop="drop" allowLeafDropIn="true" allowDrag="true" allowDrop="true"-->
  14.                         </ul>                       
  15.                 </div>
  16.                 <div class="mini-toolbar" id="foot" style="padding:2px;border:0px;text-align:center;margin-bottom:0px;position:relative;">
  17.                         <a class="mini-button" onclick="confirm" style="width:80px;margin-right:60px;">确定</a>
  18.                         <a class="mini-button" onclick="cancel" style="width:80px;">取消</a>
  19.                 </div>
  20.         </form>

  22. <script type="text/javascript">
  23.                 mini.parse();
  24.                 var tree=mini.get("tree1");
  25.                 var result=0;
  26.                
  27.                 $(document).ready(function(){
  28.                         var node=tree.getRootNode().children[0];
  29.                         tree.selectNode(node);
  30.                         $("#foot").hide();
  31.                 });

  33. function onBeforeOpen(e){
  34.                         if(result==0){
  35.                                 var menu=e.sender;
  36.                                 var node=tree.getSelectedNode();
  37.                                 if(!node){
  38.                                         e.cancel=true;
  39.                                         return;
  40.                                 }                              
  41.                 }

  43.                 function confirm(){
  44.                         
  45.                 }
  46.                
  47.                 function cancel(){
  48.                         window.CloseOwnerWindow("close");
  49.                 }  
  50.                
  51.                 function show(){
  52.                         debugger;
  53.                         $("#foot").show();
  54.                         result=1;
  55.                 }
  56.         </script>
  57. </body>
  58. </html>
复制代码
  1. 我在另一个页面调用这个jsp，是弹弹窗显示的；但是这个弹出的也面出现了两个滚动条
  2. 调用代码如下：
  3. //显示单位信息
  4.             function showUnitInfo(){
  5.                             mini.open({
  6.                                     url : CTX_PATH+"/unitInfo/index.do",
  7.                                     title : '选择部门信息',
  8.                                     width : '400',
  9.                                     height : '450',
  10.                                     align : 'top',
  11.                                     onload : function(){
  12.                                             var iframe=this.getIFrameEl();
  13.                                             iframe.contentWindow.show();
  14.                                     },
  15.                                     ondestroy : function(data){
  16.                                             data=mini.clone(data);
  17.                                             if(data.action=="confirm"){
  18.                                                    var param=data.d;
  19.                                                     mini.get("applicationDivision").setText(param.unitName);
  20.                                                     mini.get("applicationDivision").setValue(param.id);
  21.                                             }
  22.                                     }
  23.                             });
  24.             }
复制代码



举报

felt

Rank: 8Rank: 8
10#
发表于 2014-8-27 17:29:00 |只看该作者
丹青颜 发表于 2014-8-27 16:48

$("#foot").hide();
渲染好你再显示出来不就是该把页面撑开吗？
iframe.contentWindow.show();
iframe.contentWindow.mini.layout();
重新布局一下

举报

12下一页
返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-11-6 00:28 , Processed in 1.061900 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部