jQuery MiniUI

 找回密码
 立即注册
查看: 2445|回复: 4
打印 上一主题 下一主题

mini-datepicker左右、上下滚动条问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-10-9 13:28:59 |只看该作者 |倒序浏览
现象描述:初始化页面后,第一次点击“登记日期”的输入框,日期控件就会出现滚动条,将日期控件关闭后,再点击时,就不会出现滚动条,能够正常显示,问下,大家有谁遇到过这种问题吗?

附件:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.         <%@taglib uri="/WEB-INF/struts-logic" prefix="logic"%>
  4.         <%@taglib uri="/WEB-INF/struts-html" prefix="html"%>
  5.         <%@taglib uri="/WEB-INF/struts-bean" prefix="bean"%>
  6.         <%@taglib uri="/WEB-INF/struts-tiles" prefix="tiles"%>
  7.         <%@page contentType="text/html; charset=utf-8"%>
  8.         <%
  9.             String context = request.getContextPath();
  10.         %>
  11.         <head>
  12.                 <title>房产土地税源管理系统</title>
  13.                 <link rel="stylesheet"
  14.                         href="<%=context%>/scripts/mini/themes/default/miniui.css" />
  15.                 <link rel="stylesheet"
  16.                         href="<%=context%>/scripts/mini/themes/icons.css" />
  17.                 <link rel="stylesheet"
  18.                         href="<%=context%>/scripts/mini/themes/default/plugin.css" />
  19.                         <link rel="stylesheet"
  20.                         href="<%=context%>/style/style_sygl.css" />
  21.                 <script src="<%=context%>/scripts/base/jquery-1.6.2.min.js"></script>
  22.                 <script src="<%=context%>/scripts/mini/mini-min.js"></script>
  23.                 <script language="JavaScript"
  24.                         src="<%=context%>/scripts/common/dateUtil.js"></script>
  25.                 <script language="JavaScript"
  26.                         src="<%=context%>/scripts/sygl/sygl.js"></script>
  27.         </head>
  28.         <body>
  29.                 <div style="padding: 5px">
  30.                         您所在的位置:房产土地税源管理系统-->首页
  31.                 </div>
  32.                 <div class="mini-fit">
  33.                         <div class="mini-splitter " vertical="true" allowResize="false"
  34.                                 style="width: 100%; height: 100%;">
  35.                                 <div size="95px" showCollapseButton="true" id="form1">
  36.                                         <table border="0" cellpadding="0" cellspacing="0"
  37.                                                 style="width: 100%;table-layout: fixed;" class="searchtab">
  38.                                                 <tr>
  39.                                                         <th>
  40.                                                                 纳税人识别号:
  41.                                                         </th>
  42.                                                         <td>
  43.                                                                 <input name="taxpayerNo" id="taxpayerNo"  class="mini-textbox"
  44.                                                                         onkeyup="checkTaxpayer(this)" style="width: 92%;" />
  45.                                                         </td>
  46.                                                         <th>
  47.                                                                 办理事项:
  48.                                                         </th>
  49.                                                         <td >
  50.                                                                 <input id="itemCode" class="mini-combobox" style="width: 92%;"
  51.                                                                         textfield="name" valuefield="id" url="/gainCommonData.do?method=gainItemCode"
  52.                                                                         shownullitem="false" emptytext="-请选择-" />
  53.                                                         </td>
  54.                                                 </tr>
  55.                                                 <tr>
  56.                                                         <th>
  57.                                                                 产生时间:
  58.                                                         </th>
  59.                                                         <td>
  60.                                                                 <input class="mini-datepicker" name="genernateDateBegin" id="genernateDateBegin" style="width: 41%;"/>
  61.                                                                 至
  62.                                                                 <input class="mini-datepicker" name="genernateDateEnd" id="genernateDateEnd" style="width: 41%;"/>
  63.                                                         </td>
  64.                                                         <th>
  65.                                                                 任务状态:
  66.                                                         </th>
  67.                                                         <td>
  68.                                                                 <input id="status" class="mini-combobox" style="width: 92%;" valueFromSelect="true"
  69.                                                                         textfield="name" valuefield="id" data="[{name: '全部',id: ''},{name: '待处理',id: '0'},{name: '已处理',id: '1'}]"
  70.                                                                         shownullitem="false" emptytext="待处理" />
  71.                                                         </td>
  72.                                                 </tr>
  73.                                                 <tr>
  74.                                                         <td colspan="4" align="center" class="searchtab_but">
  75.                                                                 <span> <a
  76.                                                                         class="mini-button" id="button" iconcls="icon-search"
  77.                                                                         onclick="query()">查询</a> </span>
  78.                                                                 <a class="mini-button" id="button1" iconcls="icon-reload"
  79.                                                                         onclick="reset()">重置</a>
  80.                                                         </td>
  81.                                                 </tr>
  82.                                         </table>
  83.                                 </div>
  84.                                 <div>
  85.                                         <div>
  86.                                                 <table width="98%" height="15px" align="center">
  87.                                             <tr>
  88.                                                 <td width="50%">
  89.                                                                 </td>
  90.                                                         </tr>
  91.                                                 </table>
  92.                                         </div>
  93.                                         <div id="datagrid" class="mini-datagrid"  name="datagrid"
  94.                                                 style="width: 100%; height: 98%;" idField="id" url="/pendingMatters.do?taskId=init"
  95.                                                 borderStyle="border-left:0;border-right:0;"  >
  96.                                                 <div property="columns">
  97.                                                         <div field="xh" type="indexcolumn">
  98.                                                                 序号
  99.                                                         </div>
  100.                                                         <div field="itemName" width="100" headerAlign="center" allowSort="true" align="center">
  101.                                                                 办理事项
  102.                                                         </div>
  103.                                                         <div field="taxpayer" width="200" headerAlign="center" allowSort="true" align="center">
  104.                                                                 纳税人名称(纳税人识别号)
  105.                                                         </div>
  106.                                                         <div field="genernateDate" width="100" headerAlign="center" allowSort="true" align="center">
  107.                                                                 产生时间
  108.                                                         </div>
  109.                                                         <div field="finishDate" width="100" headerAlign="center" allowSort="true" align="center">
  110.                                                                 要求完成时间
  111.                                                         </div>
  112.                                                         <div field="handleDate" width="100" headerAlign="center" allowSort="true" align="center">
  113.                                                                 处理时间
  114.                                                         </div>
  115.                                                         <div field="status" width="120" headerAlign="center" allowSort="true" align="center">
  116.                                                                 任务状态
  117.                                                         </div>
  118.                                                         <div field=operateFlag width="100" headerAlign="center" allowSort="true" align="center">
  119.                                                                 操作
  120.                                                         </div>
  121.                                                         <div field=handleContent width="0" headerAlign="center" allowSort="true" align="center" style="display:none;">
  122.                                                         </div>
  123.                                                 </div>
  124.                                         </div>
  125.                                 </div>
  126.                         </div>
  127.                 </div>
  128.         </body>
  129. </html>
  130. <script>
  131.         $(document).ready(function() {
  132.                 //初始化
  133.                 init();
  134.                 mini.get("datagrid").load();
  135.                 mini.parse();
  136.                 /**显示列表加载*/
  137.                 mini.get("datagrid").on("drawcell",function(e) {
  138.                         var record = e.record,
  139.                         column = e.column,
  140.                         field = e.field,
  141.                         value = e.value;
  142.                         //action列,超连接操作按钮
  143.                         if (field == "operateFlag") {
  144.                                 e.cellStyle = "text-align:center";
  145.                                 alert("record.handleContent:"+record.handleContent);
  146.                                 if (value == "0") {
  147.                                         e.cellHtml = '<a href="javascript:handle(\''+ record.taxpayerNo+'\',\''+ record.handleContent + '\',\''+ value + '\',\''+ record.itemCode+'\',\''+record.genernateDate+ '\',\''+record.pendingItemId+ '\',\''+record.alterId+ '\')">处理</a>';
  148.                                 } else if (value == "1") {
  149.                                         e.cellHtml = '<a href="javascript:handle(\''+ record.taxpayerNo+'\',\''+ record.handleContent + '\',\''+ value + '\',\''+ record.itemCode+'\',\''+record.genernateDate+ '\',\''+record.pendingItemId+ '\',\''+record.alterId+ '\')">查看</a>';
  150.                                 }
  151.                         }
  152.                         if (field == "status") {
  153.                                 e.cellStyle = "text-align:center";
  154.                                 if (value == "0") {
  155.                                         e.cellHtml = '待处理';
  156.                                 } else if (value == "1") {
  157.                                         e.cellHtml = '已处理';
  158.                                 }
  159.                         }
  160.                 });
  161.         });

  162.         //页面初始化
  163.         function init() {
  164.                 mini.get("genernateDateBegin").setValue(getCurrMonth_FirstDay("-"));
  165.                 mini.get("genernateDateEnd").setValue(getSysdate("-"));
  166.                 var data = mini.get("status").getData();
  167.                 mini.get("status").setValue(data[1].id);
  168.         };



  169. </script>
复制代码


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

Rank: 8Rank: 8

沙发
发表于 2013-10-9 13:43:02 |只看该作者
1.注意页面头部的<!doctype....>保持完整
2.IE的话不要用兼容模式
3.更新miniui,把整个scripts文件都覆盖

Rank: 2

板凳
发表于 2013-10-9 13:50:54 |只看该作者
factory 发表于 2013-10-9 13:43
1.注意页面头部的保持完整
2.IE的话不要用兼容模式
3.更新miniui,把整个scripts文件都覆盖 ...

好的,非常感谢,我试一下;

Rank: 2

地板
发表于 2013-10-9 15:38:52 |只看该作者
三种情况,都试过了,还是不行呀,还有可能是其它原因吗?

Rank: 2

5#
发表于 2013-10-9 16:50:53 |只看该作者
fanbing1121 发表于 2013-10-9 15:38
三种情况,都试过了,还是不行呀,还有可能是其它原因吗?

问题已解决,系缓存及未部署问题;感谢!

Archiver|普加软件

GMT+8, 2024-9-20 14:25 , Processed in 1.033065 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部