javascript-如何在IgGrid细胞中获得正则表达(Infragistics)?
作者:互联网
在igGrid更新中,如何在igTextEditor上使用正则表达式?
我试图使用验证选项,但没有成功.
$("#schedulerTable").igGrid({
columns: $scope.schedulerColumns,
width: "87%",
height: "300px",
fixedHeaders: true,
autoGenerateColumns: false,
autofitLastColumn: true,
autoCommit: true,
renderCheckboxes: true,
responseDataKey: "results",
dataSource: $scope.schedulerData,
updateUrl: "",
primaryKey: 'Id',
features: [
{
name: "Updating",
generatePrimaryKeyValue: function (evt, ui) {
nextPrimarykey -= 1;
ui.value = nextPrimarykey;
},
enableAddRow: true,
enableDeleteRow: true,
editMode: "row",
columnSettings: [
{
columnKey: "Id",
editorType: "numeric",
editorOptions: {
readOnly: true
}
}, {
columnKey: "Time",
editorType: "text",
editorOptions: {
},
validatorOptions: {
regExp: /^[a-zA-Z]{1}[a-zA-Z0-9_\.\-]*\@\w{2,10}\.\w{1,10}$/,
onblur: true,
onchange: true
},
required: true,
validation: true,
defaultValue: "00:00"
},
{
columnKey: "Mo"
},
{
columnKey: "Tu"
},
{
columnKey: "We"
},
{
columnKey: "Th"
},
{
columnKey: "Fi"
}]
}]
});
我想在“时间”列中实现一个时间选择器,但是该时间选择器不存在,因此我尝试通过正则表达式在textEditor中仅获取时间.
网格将加载名为Mo,Friday的Time列.
如果单击添加网格,则可以在输入字段中单击并填写您的时间.时间应先经过验证,然后单击完成并显示错误消息.
查看表格的外观:https://codepen.io/ablablabla/pen/PJLbJz
解决方法:
缺少验证是因为validatorOptions
属于editorOptions
(因为它们被传递给您选择作为提供者的任何编辑器).验证:true仅获得一些默认值,除了需要的内容外,它实际上对文本字段没有多大作用.
然后从15.2开始,RegExp选项(据我所知是用于上面片段中的电子邮件)从pattern
开始一直为pattern
:)因此,在该时间列的最后,您可以尝试:
//...
editorOptions: {
validatorOptions: {
pattern: /^\d{1,2}\:\d{2}$/,
onblur: true,
onchange: true
},
},
//..
这是更新的代码笔:https://codepen.io/anon/pen/YrgYxj
编辑:或者如果您想设置错误消息:
//...
editorOptions: {
validatorOptions: {
pattern: {
expression: /^\d{1,2}\:\d{2}$/,
errorMessage: "Time should match a pattern like 00:00"
},
onblur: true,
onchange: true
},
},
//..
根据您的目标,您也可以使用Mask Editor或Date Editor作为提供者.也是强制性的文档链接:https://www.igniteui.com/help/iggrid-updating
附:绑定到空数组可避免第一行没有值,更重要的是主键出错.
标签:infragistics,javascript,ignite-ui,iggrid 来源: https://codeday.me/bug/20191012/1897132.html