出现弹出的所有页面出现上下滚动条问题

xuefly

滚动条突然就出现了，我不清楚改到什么地方的时候问题出现的。不敢修改框架内部的css，但我尝试在我的页面中覆盖框架的css无效果
用以使窗口弹出的代码如下：contentWindowWith=480，contentWindowHeight=220；另外，不是高度没给够的问题。

1. function edit() {
   
2.         if (currentNode && currentNode.id) {
   
3.             mini.open({
   
4.                 url: bootPATH + "../Organization/CreateOrUpdate",
   
5.                 title: "编辑组织机构", width: contentWindowWith, height: contentWindowHeight,
   
6.                 iconCls: "icon-organization",
   
7.                 onload: function () {
   
8.                     var iframe = this.getIFrameEl();
   
9.                     var data = { action: "edit", id: currentNode.id };
   
10.                     iframe.contentWindow.SetData(data);
    
11.                 },
    
12.                 ondestroy: function (action) {
    
13.                     if (action == "save") {
    
14.                         var iframe = this.getIFrameEl();
    
15.                         var data = iframe.contentWindow.GetData();
    
16.                         data = mini.clone(data);    //必须
    
17.                         var treeObj = $.fn.zTree.getZTreeObj("ztree");
    
18.                         currentNode.name = data.Name;
    
19.                         treeObj.updateNode(currentNode);
    
20.                         var tab = tabs1.getTab(tabs1.activeIndex);
    
21.                         if (tab.name == "infoTab") {
    
22.                             tabs1.reloadTab(tab);
    
23.                         }
    
24.                         else {
    
25.                             detailsInitialized = false;
    
26.                         }
    
27.                     }
    
28.                 }
    
29.             });
    
30.         }
    
31.         else {
    
32.             mini.alert("请选择一个节点");
    
33.         }
    
34.     }

复制代码

弹出的页面的前台html代码如下：

1. @{
   
2.     ViewBag.Title = "Organization CreateOrUpdate";
   
3.     Layout = "~/Views/Shared/_Layout.cshtml";
   
4. }
   
5. @section Head{
   
6.    
   
7. }
   
8. <form id="form1" method="post">
   
9. <input name="Id" class="mini-hidden" />
   
10. <input name="ParentID" class="mini-hidden" />
    
11. <div style="padding-left: 11px;">
    
12.     <table>
    
13.         <tr>
    
14.             <td style="width: 70px;">
    
15.                 编码：
    
16.             </td>
    
17.             <td style="width: 150px;">
    
18.                 <input name="Code" class="mini-textbox" required="true" />
    
19.             </td>
    
20.             <td style="width: 70px;">
    
21.                 展示名称：
    
22.             </td>
    
23.             <td>
    
24.                 <input name="Name" class="mini-textbox" required="true" />
    
25.             </td>
    
26.         </tr>
    
27.         <tr>
    
28.             <td>
    
29.                 类别：
    
30.             </td>
    
31.             <td>
    
32.                 <input name="CategoryCode" class="mini-combobox" style="width: 125px;"
    
33.                 textfield="name" valuefield="code" url="@Url.Action("GetDicItemsByCategoryCode", "DicItem", new { code = "organizationCategory" })"
    
34.                 value="" shownullitem="true" />
    
35.             </td>
    
36.             <td>
    
37.                 简称：
    
38.             </td>
    
39.             <td>
    
40.                 <input name="ShortName" class="mini-textbox" />
    
41.             </td>
    
42.         </tr>
    
43.         <tr>
    
44.             <td>
    
45.             </td>
    
46.             <td>
    
47.                 <input name="IsEnabled" class="mini-checkbox" text="有效" truevalue="1" falsevalue="0" />
    
48.             </td>
    
49.             <td>
    
50.             </td>
    
51.             <td>
    
52.             </td>
    
53.         </tr>
    
54.         <tr>
    
55.             <td>
    
56.                 备注：
    
57.             </td>
    
58.             <td colspan="3">
    
59.                 <input name="Description" class="mini-textarea" style="width: 350px;" />
    
60.             </td>
    
61.         </tr>
    
62.     </table>
    
63. </div>
    
64. </form>
    
65. <div style="text-align: center; padding: 10px; width: 95%;">
    
66.     <a id="btnOk" class="mini-button" iconcls="icon-save" style="width: 60px; margin-right: 10px;">
    
67.         确定</a> <a id="btnCancel" class="mini-button" iconcls="icon-back" style="width: 60px;">
    
68.             返回</a>
    
69. </div>
    
70. @section Foot{
    
71.     <script type="text/javascript" src="@Url.Content("~/Scripts/Views/Organization/CreateOrUpdate.cshtml.js")"></script>
    
72. }

复制代码

弹出的页面的前台js代码如下：

1. /// <reference path="../../jquery-1.7.2-vsdoc.js" />
   
2. /// <reference path="../../zTree/js/jquery.ztree.all-3.2.js" />
   
3. /// <reference path="../../miniui/miniui.js" />
   
4. // 接口：SetData、GetData
   
5. (function (window) {
   
6.     window.SetData = SetData;
   
7.     window.GetData = GetData;
   
8.     $().ready(function () {
   
9.         $("#btnOk").click(function () {
   
10.             SaveData();
    
11.         });
    
12.         $("#btnCancel").click(function () {
    
13.             CloseWindow("cancel");
    
14.         });
    
15.     });
    
16. 
    
17.     mini.parse();
    
18. 
    
19.     var form = new mini.Form("form1");
    
20. 
    
21.     function SaveData() {
    
22.         var data = $("#form1").serialize();
    
23. 
    
24.         form.validate();
    
25.         if (form.isValid() == false) return;
    
26. 
    
27.         $.post("/Organization/CreateOrUpdate", data, function (result) {
    
28.             if (result.success) {
    
29.                 if (!data.Id) {
    
30.                     $("#form1 input[name='Id']").val(result.id);
    
31.                 }
    
32.                 CloseWindow("save");
    
33.             }
    
34.             else {
    
35.                 mini.alert(result.msg)
    
36.             }
    
37.         }, "json");
    
38.     }
    
39. 
    
40.     function SetData(data) {
    
41.         //跨页面传递的数据对象，克隆后才可以安全使用
    
42.         data = mini.clone(data);
    
43.         if (data.action == "edit") {
    
44.             $.ajax({
    
45.                 url: "/Organization/GetOrganization?id=" + data.id,
    
46.                 cache: false,
    
47.                 success: function (result) {
    
48.                     form.setData(result.data);
    
49.                 }
    
50.             });
    
51.         }
    
52.         else if (data.action == "new") {
    
53.             form.setData(data);
    
54.         }
    
55.     }
    
56. 
    
57.     function GetData() {
    
58.         var o = form.getData();
    
59.         return o;
    
60.     }
    
61. 
    
62.     function CloseWindow(action) {
    
63.         if (window.CloseOwnerWindow) window.CloseOwnerWindow(action);
    
64.         else window.close();
    
65. 
    
66.     }
    
67. })(window);

复制代码

factory

页面有没有加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

xuefly

factory 发表于 2012-9-27 11:01
页面有没有加

谢谢您回答的如此迅速。按照提示，我加上了文档类型但问题还是存在

xuefly

factory 发表于 2012-9-27 11:01
页面有没有加

sorry，问题解决了。刚才可能是浏览器缓存的问题。滚动条消失了。非常感谢！加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">是起作用的。
要确保DOCTYPE加在弹出页面的父页面上。

niko

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

要加载所有页面上，这是标准页面模型，这样会减少很多不必要的问题。