參考示例:單元格編輯驗證
一:設置編輯器驗證規則
<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,判斷輸入的內容是否符合驗證規則。