jQuery MiniUI

标题: 验证的问题 [打印本页]

作者: nbakill2 时间: 2013-3-25 14:16:57 标题: 验证的问题

点击验证按钮之后，如果验证不通过，会在不通过的控件后面显示一个红色惊叹号。

但问题出现了。。。再次点击验证按钮的时候，那个文本框就会越变越短。。。。

但是官网Demo中没有这样的情况。

作者: factory 时间: 2013-3-25 14:32:26

如果是感叹号图标的方式提示错误的话，是会缩短的
因为在一些表单上面，宽度都是设定好的，如果后面再加个图标，那么整个布局不就被破坏掉了？
缩进是为了让图标不额外多占空间。不会破坏页面的布局

作者: nbakill2 时间: 2013-3-25 17:45:14

factory 发表于 2013-3-25 14:32
如果是感叹号图标的方式提示错误的话，是会缩短的
因为在一些表单上面，宽度都是设定好的，如果后面再加个 ...

我知道，会缩短。

但是我如果一直点击验证的按钮，一直验证失败。那个文本框及会持续缩短，，，你懂我说的意思吗？

持续缩短。。。点一下，缩一下。

作者: factory 时间: 2013-3-25 17:55:38

nbakill2 发表于 2013-3-25 17:45
我知道，会缩短。

但是我如果一直点击验证的按钮，一直验证失败。那个文本框及会持续缩短，，，你懂我说 ...

你这个是在什么浏览器下出现的问题的，我们去测试看看
如果真是这样的话，的确是BUG

作者: nbakill2 时间: 2013-3-26 08:02:40

factory 发表于 2013-3-25 17:55
你这个是在什么浏览器下出现的问题的，我们去测试看看
如果真是这样的话，的确是BUG ...

windows 7 64位，旗舰版，IE8环境下。。

但是问题，我在你们的Demo中一直点验证按钮不会持续的缩短啊。。

作者: factory 时间: 2013-3-26 09:29:17

nbakill2 发表于 2013-3-26 08:02
windows 7 64位，旗舰版，IE8环境下。。

但是问题，我在你们的Demo中一直点验证按钮不会持续的缩短啊。 ...

那你更新下miniui，或者你做个可以重现问题的页面打包上传，我们看下

作者: nbakill2 时间: 2013-3-26 10:29:08

factory 发表于 2013-3-26 09:29
那你更新下miniui，或者你做个可以重现问题的页面打包上传，我们看下

我使用的是2.1.8版本，12号一更新我就下载了。难道是2.1.8的BUG吗？

作者: factory 时间: 2013-3-26 13:39:33

nbakill2 发表于 2013-3-26 10:29
我使用的是2.1.8版本，12号一更新我就下载了。难道是2.1.8的BUG吗？

不会的，网上的demo都是用的最新版的miniui的

作者: nbakill2 时间: 2013-3-27 08:01:17

factory 发表于 2013-3-26 09:29
那你更新下miniui，或者你做个可以重现问题的页面打包上传，我们看下

页面代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowReport.aspx.cs" Inherits="Dluxe_OA.Web.ReportCenter.ShowReport" %>

<%@ Import Namespace="Dluxe_OA.CommResource" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="../../UI/js/jquery-1.9.1.min.js"></script>
<script src="../../UI/js/jquery-migrate-1.1.1.min.js"></script>
<script src="../../UI/miniui/miniui.js"></script>
<link href="../../UI/miniui/themes/icons.css" rel="stylesheet" />
<script src="../../UI/miniui/boot.js"></script>
<script src="../../UI/miniui/core.js"></script>
<style type="text/css">
      body
      {
         margin: 0;
         padding: 0;
         border: 0;
         width: 100%;
         height: 100%;
         overflow: hidden;
      }
</style>
<script type="text/javascript">
      var grid;
      var tree;
      var form;
      var winDB;
      var loading;
      var IsPreviewer = false;
      var ReportID;
      var GolParams;
      $(function () {
         tree = mini.get("tree1");
         $("#btnDBOK").click(function () {
            form.validate();
            if (form.isValid() == false) {
                  return;
            }
            var data = form.getData();
            GolParams = JSON.stringify(data);
            winDB.hide();
            loading = mini.loading("Loading...", "Info");
            $.post("ReportCenter.ashx", { type: "RunReport", ReportID: ReportID, Params: GolParams }, function (res) {
                  res = eval("(" + res + ")");
                  if (res.res == "false") {
                     mini.showMessageBox({ title: 'Tip', message: res.msg, buttons: ["ok"], iconCls: 'mini-messagebox-info' });
                  }
                  if (res.res == "empty") {
                     mini.showMessageBox({ title: 'Tip', message: '<%=LanguageManager.GetString("CurrSearchNoData")%>', buttons: ["ok"], iconCls: 'mini-messagebox-info' });
                  } else {
                     ShowRes(res.cols, res.datas);
                  }
                  mini.hideMessageBox(loading);
            });
         });
      });
      function Preview() {
         GolParams = "";
         GetReportParams("Preview");
      }
      function PreviewExport() {
         GetReportParams("PreviewExport");
      }
      function Export() {
         GetReportParams("Export");
      }
      function ShowRes(cols, datas) {
         grid = mini.get("gridParam");
         grid.setColumns(mini.decode(cols));
         grid.setData(mini.decode(datas));
         IsPreviewer = true;
      }
      function SetReportParams(params) {
         $("#tabDB tr").empty();
         $("#tabDB").append(params);
         mini.parse();
         form = new mini.Form("#tabDB");
         winDB = mini.get("winDB");
         winDB.show();
      }
      function GetReportParams(type) {
         var data = tree.getSelectedNode();
         if (data == null || data.children != undefined) {
            mini.showMessageBox({ title: 'warning', message: '<%=LanguageManager.GetString("NoSelectReport")%>', buttons: ["ok"], iconCls: 'mini-messagebox-warning' });
            return;
         }
         ReportID = data.id;
         switch (type) {
            case "Preview":
                  loading = mini.loading("loading...", "Info");
                  $.post("ReportCenter.ashx", { type: "GetReportParams", ReportID: ReportID }, function (data) {
                     var res = eval("(" + data + ")");
                     if (res.res == "Report") {
                        ShowRes(res.cols, res.datas);
                     } else {
                        SetReportParams(res.params);
                     }
                     mini.hideMessageBox(loading);
                  });
                  break;
            case "PreviewExport":
                  if (IsPreviewer == false) {
                     mini.showMessageBox({ title: 'warning', message: '<%=LanguageManager.GetString("NoSelectReport")%>', buttons: ["ok"], iconCls: 'mini-messagebox-warning' });
            } else {
                  loading = mini.loading("loading...", "Info");
                  $.post("ReportCenter.ashx", { type: "PreviewExport", ReportID: ReportID, Params: GolParams }, function (res) {
                     res = eval("(" + res + ")");
                     if (res.res == "ok") {
                        window.location.href = "../FileDownload.ashx?FileName=" + res.msg + "";
                     }
                     mini.hideMessageBox(loading);
                  });
            }
            break;
            GolParams = "";
      }
}
</script>
</head>
<body>
<div class="mini-splitter" style="width: 100%; height: 100%;">
      <div size="200" showcollapsebutton="true">
         <div class="mini-fit">
            <ul id="tree1" class="mini-tree" url="ReportCenter.ashx?type=GetReportMenu" style="width: 100%; height: 100%;"
                  showtreeicon="true" textfield="name" idfield="id" parentfield="pid" resultastree="false">
            </ul>
         </div>
      </div>
      <div showcollapsebutton="true">
         <div class="mini-fit">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">

                  <a class="mini-button" iconcls="icon-tip" plain="true" onclick="Preview()"><%=LanguageManager.GetString("Preview") %></a>
                  <span class="separator"></span>
                  <a class="mini-button" iconcls="icon-excel" plain="true" onclick="PreviewExport()"><%=LanguageManager.GetString("PreviewExport") %></a>
                  <span class="separator"></span>
                  <a class="mini-button" iconcls="icon-excel" plain="true" onclick="Export()"><%=LanguageManager.GetString("Export") %></a>
            </div>
            <div id="gridParam" class="mini-datagrid" style="width: 100%; height: 93%;" borderstyle="border:0;" showcolumnsmenu="true" sizelist="[20,50,100]" pagesize="20" showreloadbutton="false">
            </div>
         </div>
      </div>
</div>
<div id="winDB" class="mini-window" title="DataBase" style="width: 400px; height: auto;" showfooter="true" showclosebutton="true">
      <table id="tabDB">
      </table>
      <input type="button" id="btnDBOK" value="<%=LanguageManager.GetString("Submit") %>" />
</div>
</body>
</html>

作者: factory 时间: 2013-3-27 09:22:27

nbakill2 发表于 2013-3-27 08:01
页面代码。

你把你的<!DOCTYPE html>写完整试试

作者: nbakill2 时间: 2013-3-27 09:49:23

factory 发表于 2013-3-27 09:22
你把你的写完整试试

完整的代码是什么。。这个我一直没有留意过。。
你可以发给我吗？

作者: factory 时间: 2013-3-27 15:07:29

nbakill2 发表于 2013-3-27 09:49
完整的代码是什么。。这个我一直没有留意过。。
你可以发给我吗？

你创建一个html页面，自动会给你写完整的
<!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/)