设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › mini-textarea ie8下的bug
12下一页
返回列表 发新帖
查看: 16530|回复: 17
打印 上一主题 下一主题

mini-textarea ie8下的bug [复制链接]

athrun

Rank: 2
跳转到指定楼层
楼主
发表于 2012-6-7 15:40:48 |只看该作者 |倒序浏览
1,一个form中多个,目前我使了两个texarea,后一个textarea有时可以取到值,有时候却取不到值.
<form id="form1" name="form1" method="post">
<div>
     <table>
         <tbody>
                <tr>
                    <td width="60"><label for="Description$text">中文描述：</label></td>
                    <td><input name="Description" id="Description" class="mini-textarea" required="false" maxlength="200" style="width:360px;" value="{$model.Description|escape}" /></td>
                </tr>
                <tr>
                    <td width="60"><label for="DescriptionEn$text">英文描述：</label></td>
                    <td><input name="DescriptionEn" id="DescriptionEn" class="mini-textarea" required="false" maxlength="200" style="width:360px;" value="{$model.DescriptionEn|escape}" /></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="2" align="center">
                     <input name="Flag" id="Flag" class="mini-hidden" value="1" type="hidden" />
                     <a class="mini-button" iconCls="icon-ok">提交</a>
                        <a class="mini-button" iconCls="icon-cancel">取消</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</form>
2,另外textarea内的内容在ie8下原来有换行符的,结果再次编辑时不会换行.

举报

niko

Rank: 9Rank: 9Rank: 9
沙发
发表于 2012-6-7 16:29:55 |只看该作者
能否把出问题的示例（HTML+JS）一并发上来。
这样可以快速重现问题。

举报

athrun

Rank: 2
板凳
发表于 2012-6-7 16:50:36 |只看该作者
本帖最后由 athrun 于 2012-6-8 08:02 编辑
niko 发表于 2012-6-7 16:29
能否把出问题的示例（HTML+JS）一并发上来。
这样可以快速重现问题。
  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>
  4. <title>Demo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta http-equiv="imagetoolbar" content="no" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  8. <meta http-equiv="MSThemeCompatible" content="no" />
  9. <meta name="MSSmartTagsPreventParsing" content="yes" />
  10. <meta name="description" content="Demo" />
  11. <meta name="keywords" content="Demo" />
  12. <meta name="copyright" content="Demo" />
  13. <meta name="author" content="Demo" />
  14. <!--meta http-equiv="Page-Enter" content="revealTrans(duration=1, transition=23)" /-->
  15. <!--网页进入的特效-->
  16. <!--meta http-equiv="Page-Exit" content="revealTrans(duration=1, transition=23)"-->
  17. <!--网页退出的特效-->
  18. <link href="images/style.css" rel="stylesheet" type="text/css" />
  19. <link href="scripts/miniui/themes/default/skin.css?version=2.0.6" rel="stylesheet" type="text/css" />
  20. <link href="scripts/miniui/themes/icons.css?version=2.0.6" rel="stylesheet" type="text/css" />
  21. <script src="scripts/jquery.js?version=1.6.2" type="text/javascript"></script>
  22. <script src="scripts/miniui/miniui.js?version=2.0.6" type="text/javascript"></script>
  23. <script src="scripts/jquery.cookie.js?version=1.6.2" type="text/javascript"></script>
  24. <script src="scripts/function.js" type="text/javascript"></script>
  25. <script src="scripts/ajax.js" type="text/javascript"></script>


  28. </head>
  29. <body>
  30. <script type="text/javascript">

  32. </script>
  33. <!--页面内容开始-->
  34. <form id="form1" name="form1" method="post">
  35.         <div>
  36.             <table>
  37.                 <tbody>
  38.                 <tr>
  39.                     <td width="60"><label for="ProductCategoryPCN$text">商品类别：</label></td>
  40.                     <td>
  41.                         <div id="ProductCategoryPCN" name="ProductCategoryPCN" class="mini-combobox" style="width:190px;" popupWidth="200" textField="text" valueField="id"
  42.                             url="productcategory.php?act=comboboxPCNName" value="" multiSelect="false" onvaluechanged="onValueChangedProductCategoryPCN"  >     
  43.                             <div property="columns">
  44.                                 <div header="编号" field="id" width="50"></div>
  45.                                 <div header="中文名称" field="text"></div>
  46.                             </div>
  47.                         </div>
  48.                     </td>
  49.                 </tr>
  50.                 <tr>
  51.                     <td width="60">商品编号：</td>
  52.                     <td><input name="PN" id="PN" class="mini-textbox" required="true" onvalidation="onPNValidation" onvaluechanged="onPNValueChanged" maxlength="6" style="width:190px;" value="" vtype="maxLength:6" /></td>
  53.                 </tr>
  54.                 <tr>
  55.                     <td width="60">单位：</td>
  56.                     <td><input id="Unit" name="Unit" class="mini-combobox" style="width:190px;" textField="text" valueField="id"
  57.         url="product.php?act=autoCompleteUnit" value="" showNullItem="false" allowInput="true" required="true" /></td>
  58.                 </tr>
  59.                 <tr>
  60.                     <td width="60"><label for="Name$text">中文名称：</label></td>
  61.                     <td width="200"><input name="Name" id="Name" class="mini-textbox" required="true" maxlength="100" style="width:190px;" value="" /></td>
  62.                 </tr>
  63.                 <tr>
  64.                     <td width="60">英文名称：</td>
  65.                     <td><input name="NameEn" id="NameEn" class="mini-textbox" required="true" maxlength="100" style="width:190px;" value="" /></td>
  66.                 </tr>
  67.                 <tr>
  68.                     <td width="60"><label for="ArticleNo$text">中文型号：</label></td>
  69.                     <td width="200"><input name="ArticleNo" id="ArticleNo" class="mini-textbox" required="false" maxlength="100" style="width:190px;" value="" /></td>
  70.                 </tr>
  71.                 <tr>
  72.                     <td width="60">英文型号：</td>
  73.                     <td><input name="ArticleNoEn" id="ArticleNoEn" class="mini-textbox" required="false" maxlength="100" style="width:190px;" value="" /></td>
  74.                 </tr>
  75.                 <tr>
  76.                     <td width="60"><label for="Description$text">中文描述：</label></td>
  77.                     <td><input name="Description" id="Description" class="mini-textarea" required="false" maxlength="200" style="width:360px;" value="" /></td>
  78.                 </tr>
  79.                 <tr>
  80.                     <td width="60"><label for="DescriptionEn$text">英文描述：</label></td>
  81.                     <td><input name="DescriptionEn" id="DescriptionEn" class="mini-textarea" required="false" maxlength="200" style="width:360px;" value="" /></td>
  82.                 </tr>
  83.             </tbody>
  84.             <tfoot>
  85.                 <tr>
  86.                     <td colspan="2" align="center">
  87.                             <input name="Flag" id="Flag" class="mini-hidden" value="0" type="hidden" />
  88.                             <a class="mini-button" iconCls="icon-ok" onclick="Submit">储存</a>
  89.                         <a class="mini-button" iconCls="icon-cancel" onclick="Cancel">取消</a>                    </td>
  90.                 </tr>
  91.             </tfoot>
  92.         </table>

  94.     </div>
  95. </form>
  96. <!--页面内容结束-->

  98. <script type="text/javascript">
  99. </script>

  101. <script type="text/javascript">
  102. <!--
  103. var form;
  104. jQuery(document).ready(function() {
  105.         init();
  106. });
  107. function init(){
  108.         form = new mini.Form("form1");
  109.         if(mini.get("Flag").getFormValue()=='1'){
  110.                 mini.get("ProductCategoryPCN").disable();
  111.                 mini.get("PN").disable();
  112.         }
  113. }
  114. function SubmitData() {
  115.         LoginCheck();
  116.         form.validate();
  117.         if (form.isValid() == false) return false;
  118.         var Unit = mini.get("Unit").getText();
  119.         var o = form.getData(true);
  120.         o.Unit = Unit;
  121.         var json = mini.encode(o);
  122.         $.ajax({
  123.                 url: "product.php?act=save",
  124.                 type:"POST",
  125.                 data: { json: json },
  126.                 cache: false,
  127.                 success: function (text) {
  128.                         if(text=='1'){
  129.                                 if(mini.get("Flag").getFormValue()=='0'){
  130.                                         CloseWindow("save");
  131.                                 }else{
  132.                                         window.parent.reloadTab();
  133.                                 }
  134.                         }else{
  135.                                 AjaxErrorMsg(text);
  136.                         }
  137.                 },
  138.                 error: function (jqXHR, textStatus, errorThrown) {
  139.                         AjaxErrorMsg(jqXHR.responseText);
  140.                         CloseWindow();
  141.                 }
  142.         });
  143. }

  145. function Submit(e) {
  146.         SubmitData();
  147. }
  148. function Cancel(e) {
  149.         CloseWindow("cancel");
  150. }

  152. function onPNValueChanged(e){
  153.         mini.get("PN").setValue(e.value.toUpperCase());
  154. }
  155. function onPNValidation(e){
  156.         if (e.isValid) {
  157.                 if(mini.get("Flag").getFormValue()=='0'){
  158.                         if (PNExists(e.value) == false) {
  159.                                 e.errorText = "编号已经存在";
  160.                                 e.isValid = false;
  161.                         }
  162.                 }
  163.         }
  164. }
  165. function PNExists(PN){
  166.         var Result = false;
  167.         $.ajax({
  168.                 url: "product.php?act=pn_exists",
  169.                 type: "get",
  170.                 async: false,
  171.                 data: {
  172.                         PN:PN
  173.                 },
  174.                 success: function (text) {
  175.                         Result=(text=="0")?true:false;
  176.                 }
  177.         });
  178.         return Result;
  179. }

  181. function onValueChangedProductCategoryPCN(e) {
  182.         var item = e.selected;

  184.         if (item) {
  185.                 var obj=mini.get("ProductCategoryPCN");
  186.                 ReplacePNFirstChar(item.id);        
  187.         }
  188. }

  190. function ReplacePNFirstChar(PCN){
  191.         var obj=mini.get("PN");
  192.         var v = obj.getFormValue();
  193.         if(v==''){
  194.                 obj.setValue(PCN);
  195.         }else{
  196.                 obj.setValue(PCN+v.substr(1));
  197.         }
  198. }
  199. -->
  200. </script>



  204. </body></html>
复制代码

举报

athrun

Rank: 2
地板
发表于 2012-6-7 16:54:19 |只看该作者
athrun 发表于 2012-6-7 16:50

以上问题在google chrome上没有问题

举报

niko

Rank: 9Rank: 9Rank: 9
5#
发表于 2012-6-8 08:36:53 |只看该作者
经测试，调用getFormValue时确实有此问题。
已修复。
下午发布小版本更新。

举报

athrun

Rank: 2
6#
发表于 2012-6-8 08:40:25 |只看该作者
niko 发表于 2012-6-8 08:36
经测试，调用getFormValue时确实有此问题。
已修复。
下午发布小版本更新。

谢谢,换行和取值两个都修复了吗?

举报

niko

Rank: 9Rank: 9Rank: 9
7#
发表于 2012-6-8 08:42:46 |只看该作者
2,另外textarea内的内容在ie8下原来有换行符的,结果再次编辑时不会换行.

这个问题，有可能是存储数据时，把换行符去掉了把。
我这里无法重现，你把问题出现的情况描述下。

举报

athrun

Rank: 2
8#
发表于 2012-6-8 09:16:14 |只看该作者
niko 发表于 2012-6-8 08:42
2,另外textarea内的内容在ie8下原来有换行符的,结果再次编辑时不会换行.

这个问题，有可能是存储数据时， ...

换行的问题也是在ie下才有的,在google chrome下却是正确的,且进mysql phpmyadmin中也有换行.可以确认保存的时候的确有保存换行符进去.你可做一个简单的测试

举报

athrun

Rank: 2
9#
发表于 2012-6-8 09:20:35 |只看该作者
athrun 发表于 2012-6-8 09:16
换行的问题也是在ie下才有的,在google chrome下却是正确的,且进mysql phpmyadmin中也有换行.可以确认保存 ...

对了,刚才本来有一个建议想发贴的,我就不再发了.是这样的
在使用datagrid的时候我们可以自定义pageSize属性.比如我定议了pageSize="7"后,前台在sizeList dropdownlist中会有7这个选项,且预设的也是7,到这里已经做的很好了.不过用户在前台如果将pageSize改为10.这样datagrid会reload,reload后你会发现sizelist dropdownlist中已经没有7这一选项了.建议可以把这里再优化一下.

举报

niko

Rank: 9Rank: 9Rank: 9
10#
发表于 2012-6-8 10:01:51 |只看该作者
1.textarea不换行：请测试http://www.miniui.com/demo/datagrid/datagrid.html。 弹出面板中，有textarea，我用ie8测试没有发现不换行的问题。

2.datagrid自定义分页：现在的逻辑是对的。你设置pageSize，不等于你设置了sizeList。切换后自然会消失。

举报

12下一页
返回列表 发新帖

Archiver|普加软件

GMT+8, 2024-11-26 10:19 , Processed in 1.087496 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部