jQuery MiniUI

标题: 出现弹出的所有页面出现上下滚动条问题 [打印本页]

作者: xuefly    时间: 2012-9-27 10:51:13     标题: 出现弹出的所有页面出现上下滚动条问题

本帖最后由 xuefly 于 2012-9-27 11:05 编辑

滚动条突然就出现了,我不清楚改到什么地方的时候问题出现的。不敢修改框架内部的css,但我尝试在我的页面中覆盖框架的css无效果
[attach]697[/attach][attach]698[/attach]用以使窗口弹出的代码如下: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.     mini.parse();

  17.     var form = new mini.Form("form1");

  18.     function SaveData() {
  19.         var data = $("#form1").serialize();

  20.         form.validate();
  21.         if (form.isValid() == false) return;

  22.         $.post("/Organization/CreateOrUpdate", data, function (result) {
  23.             if (result.success) {
  24.                 if (!data.Id) {
  25.                     $("#form1 input[name='Id']").val(result.id);
  26.                 }
  27.                 CloseWindow("save");
  28.             }
  29.             else {
  30.                 mini.alert(result.msg)
  31.             }
  32.         }, "json");
  33.     }

  34.     function SetData(data) {
  35.         //跨页面传递的数据对象,克隆后才可以安全使用
  36.         data = mini.clone(data);
  37.         if (data.action == "edit") {
  38.             $.ajax({
  39.                 url: "/Organization/GetOrganization?id=" + data.id,
  40.                 cache: false,
  41.                 success: function (result) {
  42.                     form.setData(result.data);
  43.                 }
  44.             });
  45.         }
  46.         else if (data.action == "new") {
  47.             form.setData(data);
  48.         }
  49.     }

  50.     function GetData() {
  51.         var o = form.getData();
  52.         return o;
  53.     }

  54.     function CloseWindow(action) {
  55.         if (window.CloseOwnerWindow) window.CloseOwnerWindow(action);
  56.         else window.close();

  57.     }
  58. })(window);
复制代码




作者: factory    时间: 2012-9-27 11:01:38

页面有没有加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
作者: xuefly    时间: 2012-9-27 11:12:29

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

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

作者: xuefly    时间: 2012-9-27 11:23:49

本帖最后由 xuefly 于 2012-9-27 11:35 编辑
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    时间: 2012-9-27 12:34:49

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

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




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2