mini.open 出现滚动条问题 [复制链接]

ainibuhao

新手上路

Rank: 1

电梯直达

楼主

发表于 2015-11-10 16:28:34 |只看该作者 |倒序浏览

mini.open 打开时候无论是页面是否错误open的出的窗体右侧就有滚动条。
第一张图open的页面是没有超出内容是没有滚动条的，可是open窗体是有滚动的条的。

第二张图open的页面是超出内容是有滚动条的，可是open窗体也滚动的条的。

应该怎么消除open自身的滚动条啊？ open能写的属性没有滚动条的设置啊！

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2015-11-10 16:47:27 |只看该作者

1 请使用doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 IE只支持标准模式

3 排除以上2点还有问题的话，请提供重现页面，应该就是你布局的问题了

ainibuhao

新手上路

Rank: 1

板凳

发表于 2015-11-10 16:58:46 |只看该作者

dforce 发表于 2015-11-10 16:47
1 请使用doctype

排除 dtd 和浏览器问题:

注意：loader.js就是boot.js名字变了而已
open子页面jsp如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String URL = request.getContextPath();
%>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="<%=URL%>/resource/js/loader.js" type="text/javascript"></script>
<script src="<%=URL%>/resource/js/alertNotification.js"
type="text/javascript"></script>
<style type="text/css">
td {
font-size: 9pt;
font-family: Tahoma, Verdana, 宋体;
}
</style>
</head>
<body>
<div class="mini-toolbar" style="line-height: 30px;"
borderStyle="border:0;">
<table style="width: 100%;">
<tr>
<td style="width: 100%;"><a class="mini-button"
iconCls="icon-add" onclick="showleaderWindow">增加</a> 遇难船舶: <input
id="leaderInfocombox" class="mini-combobox" style="width: 150px;"
onvaluechanged="searchAlertNotification('leaderInfocombox','','','leaderInfoDataGrid')"
valueField="id" emptyText="请选择..."
url="<%=URL%>/rescue/AlertNotification/getShipInfo?json"
textField="vsl_cd" /></td>
<td style="white-space: nowrap;">请输入姓名：<input
id="leaderInfoName" class="mini-textbox" emptyText="请输入姓名"
style="width: 150px;" /> 请输入手机号：<input id="leaderInfoKey"
class="mini-textbox" emptyText="请输入手机号" style="width: 150px;" /> <a
class="mini-button"
onclick="searchAlertNotification('','leaderInfoName','leaderInfoKey','leaderInfoDataGrid')">查询</a>
</td>
</tr>
</table>
</div>
<div class="mini-fit" >
<div id="leaderInfoDataGrid" class="mini-datagrid"
onrowdblclick="onRowDblClick" style="width: 100%; height: 100%;"
idField="id" allowResize="true"
borderStyle="border-left:0;border-right:0;"
url="<%=URL%>/rescue/AlertNotification/alertNotification?json&noticeType=2">
<div property="columns">
<div type="indexcolumn"></div>
<!-- <div field="pk_rescue_notice" width="120" headerAlign="center"
allowSort="true">id</div>-->
<div field="vsl_cd" width="120" headerAlign="center"
allowSort="true">船舶名称</div>
<div field="vsl_nm" width="120" headerAlign="center"
allowSort="true">船舶编号</div>
<div field="charge_name" width="120" headerAlign="center"
allowSort="true">姓名</div>
<div field="charge_phone" width="120" headerAlign="center"
allowSort="true">联系方式</div>
<div field="charge_unit" width="120" headerAlign="center"
allowSort="true">单位</div>
<div field="charge_word" width="120" headerAlign="center"
allowSort="true">职务</div>
<div field="time" width="120" headerAlign="center" allowSort="true">录入时间</div>
</div>
</div>
</div>
<div id="leadAdd" class="mini-window" title="领导通知录入"
style="width: 500px; height: 210x;">
<div class="mini-fit">
<form id="addForm">
<input class="mini-hidden" name="notice_type" value="2" />
<input class="mini-hidden" name="pk_accident_ship_id" />
<input class="mini-hidden" name="pk_rescue_charge_man" />
<table>
<tr>
<td>已选择的领导:</td>
<td style="width: 150px;"><input name="showtext"
class="mini-textbox" allowInput="false" /></td>
<td><a class="mini-button" iconCls="icon-add"
onclick="selectLeader()">选择领导</a></td>
</tr>
<tr>
<td>录入内容：</td>
<td colspan="3"><input name="NOTICE_CONTENT"
class="mini-textarea" style="width: 350px; height: 100px;" /></td>
</tr>
</table>
<div style="text-align: center; padding: 10px;">
<a class="mini-button" onclick="onOk"
style="width: 60px; margin-right: 20px;">确定</a> <a
class="mini-button" onclick="onCancel" style="width: 60px;">取消</a>
</div>
</form>
</div>
</div>
<div id="contentAdd" class="mini-window" title="录入内容详情"
style="width: 500px; height: 210x;">
<div class="mini-fit">
<form id="contentForm">
<table>
<tr>
<td>录入内容：</td>
<td colspan="3"><input name="notice_content"
allowInput="false" class="mini-textarea"
style="width: 350px; height: 100px;" /></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
<script type="text/javascript">
// 入口函数
$(document).ready(function() {
mini.parse();
var grid = mini.get("leaderInfoDataGrid");
grid.load();
});
/*
选择领导
*/
function selectLeader() {
var form=new mini.Form("#addForm");
mini.open({
url : "<%=URL%>/pageWindow/selectLeaderWindow.jsp",
title : "领导列表",
width : 580,
height : 320,
bodyStyle : "padding:0;",
allowResize : true,
showModal : true,
showToolbar : true,
showFooter : true,
onload : function() {
},
ondestroy : function(action) {
//if (action == "close") return false;
if (action == "ok") {
var iframe = this.getIFrameEl();
var data = iframe.contentWindow.GetData();
data = mini.clone(data); //必须
if (data) {
var id = data.pk_rescue_charge_man;
var text = data.charge_name + " " + data.charge_word;
var obj = {
pk_rescue_charge_man : id,
showtext : text
}
form.setData(obj, false, false);
}
}
}
});
}
function onOk() {
var form=new mini.Form("#addForm");
var data = form.getData(); //获取表单多个控件的数据
var json = mini.encode(data); //序列化成JSON
$.ajax({
url: "<%=URL%>/rescue/AlertNotification/insertLeaders?json",
type : "post",
data : {
submitData : json
},
success : function(text) {
if (text) {
mini.alert("添加成功!");
form.clear();
mini.get("leadAdd").hide();
mini.get("leaderInfoDataGrid").load();
} else {
mini.alert("添加失败!");
}
},
error : function(jqXHR, textStatus, errorThrown) {
mini.alert("网络错误!");
}
});
}
function onCancel() {
mini.get("leadAdd").hide();
}
//判断当前遇难船舶是否有记录，有就不显示窗体
function showleaderWindow() {
var form = new mini.Form("#addForm");
var comboxData = mini.get("leaderInfocombox").getValue();
//if (comboxData != null && comboxData != "") {
var obj = {
pk_accident_ship_id : comboxData
}
form.setData(obj, false, false);//把遇难船舶id放到form
mini.get("leadAdd").show();//显现窗体
//} else {
// mini.alert("请选择遇难船舶!");
//}
}
//查看救援内容
function onRowDblClick(e) {
var win=mini.get("contentAdd");
var grid=mini.get("leaderInfoDataGrid");
var form=new mini.Form("#contentForm");
var row=grid.getSelected();
var id=row.pk_rescue_notice;
$.ajax({
url: "<%=URL%>/rescue/AlertNotification/alertNotification?json&noticeType=2",
type : "post",
data : {
showId : id
},
success : function(text) {
var obj = {
notice_content : text.notice_content
}
form.setData(obj, false, false);
win.show();
},
error : function(jqXHR, textStatus, errorThrown) {
alert("网络错误!");
}
});
}
</script>