jQuery MiniUI 开发教程 表格控件 表格编辑:单元格编辑验证(十四)

jQuery MiniUI 开发教程 表格控件 表格编辑:单元格编辑验证(十四)
单元格编辑验证
            
   jQuery MiniUI 开发教程 表格控件 表格编辑:单元格编辑验证(十四)_第1张图片          
           

参考示例:单元格编辑验证


                     

一:设置编辑器验证规则

<div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号
    <input property="editor" class="mini-textbox" style="width:100%;" required="true" vtype="email"  />
</div>       
使用编辑器的vtype和onvalidation事件,可以实现编辑器验证规则。详细可以查看: 数据验证。
           

二:监听处理cellcommitedit事件

//提交单元格编辑数据前激发
function onCellCommitEdit(e) {
    var editor = e.editor;
    editor.validate();
    if (editor.isValid() == false) {
        alert(editor.getErrorText());
        e.cancel = true;
    }
}
grid.on("cellcommitedit", onCellCommitEdit);

Grid的cellcommitedit事件,在编辑值提交前激发。此时,可以调用编辑器的验证方法validate,判断输入的内容是否符合验证规则。

你可能感兴趣的:(jQuery MiniUI 开发教程 表格控件 表格编辑:单元格编辑验证(十四))