jQuery MiniUI

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

表格中使用datepicker,点击一下将原来的值,清除了 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-8-9 10:50:30 |只看该作者 |倒序浏览
<div name="receiveDate" field="receiveDate" width="100" allowSort="false" dateFormat="yyyy-MM-dd H:mm:ss" renderer="onReceivableDateRenderer">到账时间
                <input property="editor" required="true" class="mini-datepicker" showTime="true" showTodayButton="false" showOkButton="true" showClearButton="true" style="width:100%;"/>
            </div>


这么写的,点击下 就清除我原来的值了,为什么啊?难道不能保留,什么原因请解释下!

Rank: 8Rank: 8

沙发
发表于 2013-8-9 10:58:33 |只看该作者
这么写的,点击下 就清除我原来的值了,为什么啊?难道不能保留,什么原因请解释下!

光看这个实在看不出来,我们demo点一下是不会清空的。
请提供下简单的能重现问题的html页面。

Rank: 2

板凳
发表于 2013-8-9 11:12:56 |只看该作者
felt 发表于 2013-8-9 10:58
光看这个实在看不出来,我们demo点一下是不会清空的。
请提供下简单的能重现问题的html页面。 ...

<html>
<head>
<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/miniui/miniui.js" type="text/javascript"></script>
<link href="js/miniui/themes/default/miniui.css" rel="stylesheet"
        type="text/css" />
<link href="js/miniui/themes/icons.css" rel="stylesheet" type="text/css" />
<link href="js/miniui/themes/blue/skin.css" rel="stylesheet"
        type="text/css" />
<link href="js/miniui/demo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/fee/receivable-detail.js"></script>
</head>
<body>
<div id="insertAccountForm">
  <input class="mini-textbox"
        style="display: none;" class="mini-textbox" value=""
        name="contractInfoSeq" id="contractInfoSeq" />
  <input class="mini-textbox" filed="receivableSeq" textName="receivableSeq" style="display:none;" name="receivableSeq"/>
  <table border="0" cellpadding="1" cellspacing="2">
    <tr>
      <td style="width: 100px;">相关合同:</td>
      <td style="width: 500px"><input id="contractFullName"
                        class="mini-textbox" name="contractFullName"
                        textName="contractFullName" style="width: 450px;" value=""
                        readonly="readonly" />
        <input id="contractInfoSeq" name="contractInfoSeq" class="mini-textbox" textName="contractInfoSeq" style="display:none;"/>
      </td>
    </tr>
    <tr>
      <td style="width:100px;">计划收款阶段:</td>
      <td style="width:500px"><input style="width: 450px;" id="phase" readonly="readonly" name="phase" class="mini-textbox" textName="phase"/>
      </td>
    </tr>
  </table>
  <div class="description"></div>
  <div style="width: 800px;">
    <div class="mini-toolbar" style="border-bottom: 0; padding: 0px;">
      <table style="width: 100%;">
        <tr>
          <td style="width: 100%;"><a class="mini-button"
                        iconCls="icon-add" onclick="addRow()" plain="true">增加</a> <a
                        class="mini-button" iconCls="icon-remove" onclick="removeRow()"
                        plain="true">删除</a> <span class="separator"></span> <a
                        class="mini-button" iconCls="icon-save" onclick="insertAccount()"
                        plain="true">保存</a></td>
          <!-- <td style="white-space:nowrap;">
                        <input id="key" class="mini-textbox" emptyText="请输入姓名" style="width:150px;" onenter="onKeyEnter"/>   
                        <a class="mini-button" onclick="search()">查询</a>
                    </td> -->
        </tr>
      </table>
    </div>
  </div>
  <div id="datagrid1" class="mini-datagrid"
        style="width: 800px; height: 280px;"
        url="fee.getAccountsByReceivableSeq.do?receivableSeq=${receivableSeq }"
        idField="accountSeq"
        allowResize="true" pageSize="20" allowCellEdit="true"
        allowCellSelect="true" multiSelect="true" showFooter="false"
        editNextOnEnterKey="true" allowCellValid="true"
        ondrawsummarycell="onAccountSummaryCell" showSummaryRow="true"
        oncellvalidation="onCellValidation">
    <div property="columns">
      <div type="indexcolumn"></div>
      <div type="checkcolumn"></div>
      <div field="accountAmount" width="100" summaryType="sum" dataType="currency" currencyUnit="¥" align="center" allowSort="false">到账金额(元)
        <input
        property="editor" class="mini-spinner" decimalPlaces="4" minValue="0"
        maxValue="999999999" value="" style="width: 100%;" />
      </div>
      <div name="receiveDate" field="receiveDate" width="100" allowSort="true" renderer="onReceivableDateRenderer">到账时间
                <input property="editor" class="mini-datepicker" showTime="true" showTodayButton="false" showOkButton="true" showClearButton="true" style="width:100%;"/>
            </div>  
      <div field="ownUnit" allowResize="false" width="120" headerAlign="center"
        allowSort="false">收入归属中心
        <input property="editor"
        class="mini-textbox" style="width: 100%;" />
      </div>
      <div field="remark" width="120" headerAlign="center" allowSort="true">备注
        <input property="editor" class="mini-textarea" style="width:100%;" minHeight="50"/>
      </div>
    </div>
  </div>
</div>

Rank: 2

地板
发表于 2013-8-9 11:13:50 |只看该作者
ouyangzhiming 发表于 2013-8-9 11:12
相关合同:
      
        


<script type="text/javascript">
        mini.parse();

        var grid = mini.get("datagrid1");
              //隐藏列
        grid.load();

        var data = [];
                grid.setData(data)
        

        //////////////////////////////////////////////////////

        function search() {      
            var key = mini.get("key").getValue();
            grid.load({ key: key });
        }

        function onKeyEnter(e) {
            search();
        }

        function onReceivableDateRenderer(e) {
            var time = e.value;
            if(!time){
                return;
            }
            var d = new Date(time);
            if (time) return d.getFullYear()+"-"+((d.getMonth()+1)<10 ? "0"+(d.getMonth()+1) : (d.getMonth()+1))+"-"+(d.getDate()< 10 ? "0"+d.getDate():d.getDate() )+" "+(d.getHours()< 10 ? "0"+d.getHours():d.getHours())+":"+(d.getMinutes()<10?"0"+d.getMinutes():d.getMinutes())+":"+(d.getSeconds()<10?"0"+d.getSeconds():d.getSeconds())
            return "";
        }

        function addRow() {         
            var newRow = { name: "New Row" };
            var length = grid.getData().length;
            grid.addRow(newRow, length);
        }
        function removeRow() {
            var rows = grid.getSelecteds();
            if (rows.length > 0) {
                    mini.confirm("确定删除记录?", "确定?",
                        function (action) {            
                            if (action == "ok") {
                                                grid.removeRows(rows, true);
                            }
                    });
            }else{
                    mini.alert('请选择要删除的行','系统提示');
            }
        }

        function onCellValidation(e) {
            if (e.field == "phase") {
            
                if (e.value == '' || e.value == null) {
                    e.isValid = false;
                    e.errorText = "请输入计划收款阶段";            }
                }

            if (e.field == "amount") {
                if (e.value == 0) {
                    e.isValid = false;
                    e.errorText = "请输入收款金额";
                }
            }
        }

        ////////////////////
        //标准方法接口定义
        function SetData(data) {
            if (data.action == "insertAccount") {
                //显示行详细
                var insertAccountForm = new mini.Form("insertAccountForm");
                //跨页面传递的数据对象,克隆后才可以安全使用
                var o = mini.decode(data);
                insertAccountForm.setData(o);
                insertAccountForm.setChanged(false);
            }
        }

        function onAccountSummaryCell(e) {
            var result = e.result;
            var grid = e.sender;

            if (e.field == "accoutAmount") {               
                var s = "<span style='color:Brown;padding-left:150px;'>"
                s +=  e.cellHtml + "</span>";
                e.cellHtml = s;
            }
    }

        function howManyRow(i){
            return '第'+(i+1)+'行的';
        }

        function insertAccount() {
            var data = grid.getChanges();
            var json = mini.encode(data);

            var form = new mini.Form("#insertAccountForm");
            form.validate();
            if (form.isValid() == false) return;
            
            var length = grid.getData().length;
                  if(length == 0){
                       mini.alert('必须填写一条到账信息','系统提示');
                      return;
            }

                  var data  = grid.getData();
                  for(var i=0,l=data.length; i<l; i++){
                      var row = data;
                     if(row.accountAmount == "" || row.accountAmount == null || row.accountAmount == 0){
                                  mini.alert(howManyRow(i)+'到账金额未填写','系统提示');
                                 return true;
              }
                     if(row.receiveDate == "" || row.receiveDate == null){
                                  mini.alert(howManyRow(i)+'到账时间未选择','系统提示');
                                 return true;
              }
                     if(row.ownUnit == "" || row.ownUnit == null){
                                  mini.alert(howManyRow(i)+'归属中心未填写','系统提示');
                                 return true;
              }
                     if(row.remark == "" || row.remark == null){
                                  mini.alert(howManyRow(i)+'备注未填写','系统提示');
                                 return true;
              }
                  }
                                    
           
         
           var o = form.getData();            
           var formData = mini.encode([o]);
           mini.mask({
                    el: document.body,
                    cls: 'mini-mask-loading',
                    html: '加载中...'
                });
           $.ajax({
               url: "fee.insertAccount.do",
               data: { data: json,formData:formData},
               type: "post",
               success: function (text) {
                   text = mini.decode(text);
                           mini.alert('操作成功','系统提示',function(){
                                                 CloseWindow('save');
                                                 window.Owner.realodAcountGrid();
                                         });
                                        mini.unmask(document.body);
               },
               error: function (jqXHR, textStatus, errorThrown) {
                        mini.alert('系统错误','系统提示');
                        mini.unmask(document.body);
               }
           });
       }

        function CloseWindow(action) {            
            if (action == "close" && form.isChanged()) {
                if (confirm("数据被修改了,是否先保存?")) {
                    return false;
                }
            }
            if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
            else window.close();            
        }
    </script>
</body>
</html>


完整代码贴出来,请帮我检查下

Rank: 8Rank: 8

5#
发表于 2013-8-9 11:30:47 |只看该作者
完整代码贴出来,请帮我检查下

用高级模式打包扔上来。。。
再提供下静态的数据
我把你的代码拷下来,引用miniui的js,再自己整了条数据没发现你说的问题。

Archiver|普加软件

GMT+8, 2024-9-20 00:33 , Processed in 1.047707 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部