[b]单元格编辑验证[/b]
[img]http://www.miniui.com/docs/api/images/cellvalidation.gif[/img]
参考示例:[url=http://www.miniui.com/demo/datagrid/validation.html]单元格编辑验证[/url]
[b]一:设置编辑器验证规则[/b]
<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事件,可以实现编辑器验证规则。详细可以查看:[url=http://www.miniui.com/docs/tutorial/validator.html]数据验证[/url]。
[b]二:监听处理cellcommitedit事件[/b]
//提交单元格编辑数据前激发
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,判断输入的内容是否符合验证规则。
[img]http://www.miniui.com/docs/api/images/cellvalidation.gif[/img]
参考示例:[url=http://www.miniui.com/demo/datagrid/validation.html]单元格编辑验证[/url]
[b]一:设置编辑器验证规则[/b]
<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事件,可以实现编辑器验证规则。详细可以查看:[url=http://www.miniui.com/docs/tutorial/validator.html]数据验证[/url]。
[b]二:监听处理cellcommitedit事件[/b]
//提交单元格编辑数据前激发
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,判断输入的内容是否符合验证规则。