jQuery MiniUI

标题: 奇怪的问题:不能撑满页面? [打印本页]

作者: sxyzy    时间: 2013-5-23 18:02:48     标题: 奇怪的问题:不能撑满页面?

本帖最后由 sxyzy 于 2013-5-23 18:09 编辑

实验1:显示:[attach]1998[/attach]
代码:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head id="Head1"><title>
  4.         角色列表
  5. </title>

  6.     <script src="/scripts/boot.js" type="text/javascript"></script>

  7.     <style type="text/css">
  8.         html, body
  9.         {
  10.             margin: 0;
  11.             padding: 0;
  12.             border: 0;
  13.             width: 100%;
  14.             height: 100%;
  15.             overflow: hidden;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.     <form name="form1" method="post" action="RoleList.aspx" id="form1">
  21. <div>
  22. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTM5NTIzODUyMWRkmIcq77XdZeQVq2Vl+FMhgz81kh8=" />
  23. </div>

  24.     <div class="mini-toolbar" style="padding: 2px; border-bottom: 0;">
  25.         <table style="width: 100%;">
  26.             <tr>
  27.                 <td style="width: 100%;">
  28.                     <a id="A1" class="mini-button" iconcls="icon-add" onclick="add()">增加</a>
  29.                     <a id="A2" class="mini-button" iconcls="icon-add" onclick="edit()">编辑</a>
  30.                     <a id="A3" class="mini-button" iconcls="icon-remove" onclick="remove()">
  31.                         删除</a>
  32.                 </td>
  33.                 <td style="white-space: nowrap;">
  34.                     <input id="key" class="mini-textbox" emptytext="请输入角色名称" style="width: 150px;" onenter="onKeyEnter" />
  35.                     <a class="mini-button" onclick="search()">查询</a>
  36.                 </td>
  37.             </tr>
  38.         </table>
  39.     </div>
  40.     <!--撑满页面-->
  41.     <div class="mini-fit" style="height: 100%;">
  42.         <div id="datagrid1" class="mini-datagrid" style="width: 100%;height: 100%;" allowresize="true"
  43.             url="RoleService.aspx?method=SearchRole" idfield="RoleId" multiselect="true">
  44.             <div property="columns">
  45.                 <div type="indexcolumn" width="10%"></div>
  46.                 <div type="checkcolumn" width="10%">
  47.                 </div>
  48.                 <div field="RoleName" width="30%" headeralign="center" allowsort="true">
  49.                     角色</div>
  50.                 <div field="RoleRemark" width="50%" headeralign="center" allowsort="true">
  51.                     角色备注</div>
  52.             </div>
  53.         </div>
  54.     </div>
  55.     </form>

  56.        <script type="text/javascript">
  57.       
  58.            /////////////////////////////////////////////////      

  59.     </script>

  60. </body>
  61. </html>
复制代码


实验2:显示[attach]2000[/attach]
代码:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head id="Head1"><title>
  4.         角色列表
  5. </title>

  6.     <script src="/scripts/boot.js" type="text/javascript"></script>

  7.     <style type="text/css">
  8.         html, body
  9.         {
  10.             margin: 0;
  11.             padding: 0;
  12.             border: 0;
  13.             width: 100%;
  14.             height: 100%;
  15.             overflow: hidden;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20.     <form name="form1" method="post" action="RoleList.aspx" id="form1">
  21. <div>
  22. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTM5NTIzODUyMWRkmIcq77XdZeQVq2Vl+FMhgz81kh8=" />
  23. </div>

  24.     <div class="mini-toolbar" style="padding: 2px; border-bottom: 0;">
  25.         <table style="width: 100%;">
  26.             <tr>
  27.                 <td style="width: 100%;">
  28.                     <a id="A1" class="mini-button" iconcls="icon-add" onclick="add()">增加</a>
  29.                     <a id="A2" class="mini-button" iconcls="icon-add" onclick="edit()">编辑</a>
  30.                     <a id="A3" class="mini-button" iconcls="icon-remove" onclick="remove()">
  31.                         删除</a>
  32.                 </td>
  33.                 <td style="white-space: nowrap;">
  34.                     <input id="key" class="mini-textbox" emptytext="请输入角色名称" style="width: 150px;" onenter="onKeyEnter" />
  35.                     <a class="mini-button" onclick="search()">查询</a>
  36.                 </td>
  37.             </tr>
  38.         </table>
  39.     </div>
  40.     <!--撑满页面-->
  41.     <div class="mini-fit" style="height: 100%;">
  42.         <div id="datagrid1" class="mini-datagrid" style="width: 100%;height: 100%;" allowresize="true"
  43.             url="RoleService.aspx?method=SearchRole" idfield="RoleId" multiselect="true">
  44.             <div property="columns">
  45.                 <div type="indexcolumn" width="10%"></div>
  46.                 <div type="checkcolumn" width="10%">
  47.                 </div>
  48.                 <div field="RoleName" width="30%" headeralign="center" allowsort="true">
  49.                     角色</div>
  50.                 <div field="RoleRemark" width="50%" headeralign="center" allowsort="true">
  51.                     角色备注</div>
  52.             </div>
  53.         </div>
  54.     </div>
  55.     </form>

  56.        <script type="text/javascript">

  57.            /////////////////////////////////////////////////      

  58.     </script>

  59. </body>
  60. </html>
复制代码

作者: sxyzy    时间: 2013-5-23 18:08:29

两次的变更的是DOCTYPE声明;
第一次不能显示内容,第二次不能显示页脚和字段宽度没有按照要求显示。

asp.net c#
作者: niko    时间: 2013-5-23 21:53:00

1.头部必须加:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.<form style="width:100%;height:100%"


作者: sxyzy    时间: 2013-5-24 09:38:44

niko 发表于 2013-5-23 21:53
1.头部必须加:

2.

感谢!已解决!




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