jQuery MiniUI

标题: grid [打印本页]

---

作者: xq286183401    时间: 2016-5-19 09:12:01     标题: grid



行编辑时，自定义验证数据内容，验证有误时，如何让其不提交，事件怎么处理界面效果如下
[attach]7474[/attach]
代码

1. <div field="COMM_DATE_NUM" headerAlign="center" width="100">
   
2.                                                         要求完成周期(天)
   
3.                                                         <input class="nui-textbox" property="filter" name="criteria._expr[5].COMM_DATE_MSG" style="width: 100%;" onvaluechanged="taskLoad" />
   
4.                                                         <input property="editor" style="width: 100%;" class="nui-spinner"  minValue="0" maxValue="200" onvalidation="onIntValidation"/>
   
5.                                                 </div>

复制代码

1. //验证是否是整数
   
2.         function onIntValidation(e)
   
3.         {
   
4.                 if (e.isValid) {
   
5.                 if (isInt(e.value) == false) {
   
6.                     e.errorText = "必须输入整数";
   
7.                     e.isValid = false;
   
8.                 }
   
9.             }
   
10.         }
    
11.         function isInt(v) {
    
12.             var re = /^\+?[1-9][0-9]*$/;
    
13.             if (re.test(v)) return true;
    
14.             return false;
    
15.         }

复制代码

1. //提交所有编辑行
   
2.                 taskgrid.commitEdit();
   
3.                 taskgrid.validate();
   
4.                 if(!taskgrid.isValid())
   
5.                 {
   
6.                         alert("填写数据有问题，请核对!");
   
7.                 }

复制代码

提交所有编辑行这段代码没有验证，不管怎么写，都是验证通过。。。不弹出提示框

---

作者: felt    时间: 2016-5-19 09:45:36

grid.validate()是单元格编辑模式验证的API
行编辑的话请在表格外部包一层div，用表单验证的方式处理

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2