javascript-如何在IgGrid细胞中获得正则表达(Infragistics)？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在IgGrid细胞中获得正则表达(Infragistics)？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2102字，纯文字阅读大概需要4分钟。

内容图文

在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

附：绑定到空数组可避免第一行没有值,更重要的是主键出错.

内容总结

以上是互联网集市为您收集整理的javascript-如何在IgGrid细胞中获得正则表达(Infragistics)？全部内容，希望文章能够帮你解决javascript-如何在IgGrid细胞中获得正则表达(Infragistics)？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端