如何使用angularjs在Kendo网格过滤器文本框中应用电话号码掩码?

时间:2016-04-12 18:54:31

标签: javascript angularjs html5 kendo-ui kendo-grid

我的电话号码kendo网格列具有美国格式(999)-999-9999,它在列网格搜索中使用列格式器显示格式,由于应用了格式,它不会获取记录。

1 个答案:

答案 0 :(得分:3)

At Last我发现上述问题的解决方案与kendo网格列搜索过滤器相关,应用电话号码掩码搜索确切记录以在搜索结果中获取。

columns: [
           {
            field: "PhoneNumber", title: "Phone#", width: 150, filterable: {
                    cell: {
                        template: function (args) {
                            args.element.kendoMaskedTextBox({
                                mask: "(999)-000-0000"
                            });
                        },
                        showOperators: false
                    }
                }
            },
            {
                field: "FaxNumber", title: "Fax#", width: 150, filterable: {
                    cell: {
                        template: function (args) {
                            args.element.kendoMaskedTextBox({
                                mask: "(999)-000-0000"
                            });
                        },
                        showOperators: false
                    }
                }
            }
        ]

在上面带有此掩码搜索过滤器的代码段中,显示了应用于屏蔽过滤器的过滤器运算符“ IsEqualTo ”的确切搜索记录。我们需要使用“ showOperator ”转换为“ false ”来隐藏列网格中的其他操作员搜索。