jQuery MiniUI

标题: miniui.open 怎样打开一个jsp，隐藏该jsp部分内容，如：div [打印本页]

作者: 丹青颜 时间: 2014-8-26 17:27:27 标题: miniui.open 怎样打开一个jsp，隐藏该jsp部分内容，如：div

本帖最后由丹青颜于 2014-8-26 17:31 编辑

miniui.open 怎样打开一个jsp，隐藏该jsp部分内容，如：div

作者: dforce 时间: 2014-8-26 17:31:34

jsp页面写个隐藏部分内容的方法aaaa
mini.open({
...
onload:function(){
var iframe = this.getIFrameEl();
iframe.contentWindow.aaaa()
}
})

作者: 丹青颜 时间: 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 时间: 2014-8-26 22:13:08

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

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

作者: 丹青颜 时间: 2014-8-27 09:33:37

felt 发表于 2014-8-26 22:13
注意子页面元素高度，你两层滚动肯定是元素高度撑开的

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

作者: felt 时间: 2014-8-27 09:35:02

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

请提供重现页面

作者: 丹青颜 时间: 2014-8-27 14:39:16

felt 发表于 2014-8-27 09:35
请提供重现页面

图1是子页面，我隐藏掉了下面的确定和取消的div
图2是使用mini.open调用该页面弹出的界面，非要用鼠标改变下弹窗，那两个滚动条才能变成我需要的样子

作者: felt 时间: 2014-8-27 15:08:13

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

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

作者: 丹青颜 时间: 2014-8-27 16:48:37

本帖最后由丹青颜于 2014-8-27 18:40 编辑

felt 发表于 2014-8-27 15:08
请提供重现的html页面，光两张图如何分析

这是子页面的部分内容
<body>
<form style="height:100%;">
<div class="mini-toolbar" style="padding:2px;border-top:0px;border-left:0;border-right:0;text-align:center;">
<span style="padding-left:5px;">名称：
<input class="mini-textbox" id="key" style="width:150px;" showClose="true"/>
<a class="mini-button" onclick="query" style="width:60px;margin-left:5px;">查询</a></span>
</div>
<div class="mini-fit">
<ul class="mini-tree" id="tree1" url="${ctx}/unitInfo/getAll.do" style="height:100%;padding:5px;"
showTreeIcon="true" textField="unitName" idField="id" parentField="parentId" resultAsTree="false" expandOnNodeClick="true"
contextMenu="#tree1Menu" expandOnLoad="true" onkeydown="keyDown"
onendedit="onEndedit" onnodedblclick="treedblclick" >
</ul>
</div>
<div class="mini-toolbar" id="foot" style="padding:2px;border:0px;text-align:center;margin-bottom:0px;position:relative;">
<a class="mini-button" onclick="confirm" style="width:80px;margin-right:60px;">确定</a>
<a class="mini-button" onclick="cancel" style="width:80px;">取消</a>
</div>
</form>
<script type="text/javascript">
mini.parse();
var tree=mini.get("tree1");
var result=0;
$(document).ready(function(){
var node=tree.getRootNode().children[0];
tree.selectNode(node);
$("#foot").hide();
});
function onBeforeOpen(e){
if(result==0){
var menu=e.sender;
var node=tree.getSelectedNode();
if(!node){
e.cancel=true;
return;
}
}
function confirm(){
}
function cancel(){
window.CloseOwnerWindow("close");
}
function show(){
debugger;
$("#foot").show();
result=1;
}
</script>
</body>
</html>

复制代码

我在另一个页面调用这个jsp，是弹弹窗显示的；但是这个弹出的也面出现了两个滚动条
调用代码如下：
//显示单位信息
function showUnitInfo(){
mini.open({
url : CTX_PATH+"/unitInfo/index.do",
title : '选择部门信息',
width : '400',
height : '450',
align : 'top',
onload : function(){
var iframe=this.getIFrameEl();
iframe.contentWindow.show();
},
ondestroy : function(data){
data=mini.clone(data);
if(data.action=="confirm"){
var param=data.d;
mini.get("applicationDivision").setText(param.unitName);
mini.get("applicationDivision").setValue(param.id);
}
}
});
}

复制代码

作者: felt 时间: 2014-8-27 17:29:00

丹青颜发表于 2014-8-27 16:48

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

作者: 丹青颜 时间: 2014-8-27 17:56:12

本帖最后由丹青颜于 2014-8-27 18:07 编辑

felt 发表于 2014-8-27 17:29
$("#foot").hide();
渲染好你再显示出来不就是该把页面撑开吗？
iframe.contentWindow.show();

非常谢谢啊！解决了！

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2