columnDefs: [
{headerName: 'Name', field: 'name', editable: true, cellEditor:'agTextCellEditor'}
]
colDefs = [
{headerName: 'Name', field: 'name',
cellEditor:'agTextCellEditor',
onCellEditingStopped: function(event) {
var data = event.node.data;
var name = event.value.trim();
var regex = /^[a-zA-Z\s]*$/;
if (regex.test(name)) {
data.name = name;
} else {
alert('Invalid name input.');
}
}
},
// other columns
];
上述代码定义了一个新的列属性名为“Name”,它使用默认的单元格编辑器agTextCellEditor。当编辑停止时,通过正则表达式对输入的值进行验证并将正确的值保存,否则,一个警告框会弹出提示用户输入不正确。
columnDefs: [
{headerName: 'Date',field: 'date',
cellEditor: 'agDateCellEditor',
cellEditorParams: {
suppressKeyboardEvent : function(event) {
if (event.keyCode === 13 || event.keyCode === 27) {
return true;
}
}
},
onCellEditingStopped:function(event){
var data = event.node.data;
var date = event.value;
var regex = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
if (!regex.test(date)) {
alert('Invalid date input.');
} else {
data