Question

我必须在kendoUI网格小部件中验证一些数据。似乎验证器组件中存在错误。重现步骤： 0.打开并运行http://jsfiddle.net/Upw9j/2/ 这是代码（由于SO的限制，这里缺少一些部分）：

        $(document).ready(function () {
            var crudServiceBaseUrl = "http://demos.telerik.com/kendo-ui/service",
                dataSource = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: crudServiceBaseUrl + "/Products",
                            dataType: "jsonp"
                        },
                        update: {
                            url: crudServiceBaseUrl + "/Products/Update",
                            dataType: "jsonp"
                        },
                        destroy: {
                            url: crudServiceBaseUrl + "/Products/Destroy",
                        dataType: "jsonp"
                        },
                        create: {
                            url: crudServiceBaseUrl + "/Products/Create",
                            dataType: "jsonp"
                        },
                        parameterMap: function (options, operation) {
                            if (operation !== "read" && options.models) {
                                return { models: kendo.stringify(options.models) };
                            }
                        }
                    },
                    batch: true,
                    pageSize: 20,
                    schema: {
                        model: {
                            id: "ProductID",
                            fields: {
                                ProductID: { editable: false, nullable: true },
                                ProductName: {
                                    validation: {
                                        required: true,
                                        productnamevalidation: function (input) {
                                            if (input.is("[name='ProductName']") && input.val() != "") {
                                                input.attr("data-productnamevalidation-msg", "/^\d{1,}$/");
                                                return /^\d{1,}$/.test(input.val());
                                            }

                                            return true;
                                        }
                                    }
                                },
                                UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                Discontinued: { type: "boolean" },
                                UnitsInStock: { type: "number", validation: { min: 0, required: true} }
                            }
                        }
                    }
                });

            $("#grid").kendoGrid({
                dataSource: dataSource,
                pageable: true,
                height: 430,
                toolbar: ["create"],
                columns: [
                    "ProductName",
                    { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "100px" },
                    { field: "UnitsInStock", title: "Units In Stock", width: "100px" },
                    { field: "Discontinued", width: "100px" },
                    { command: ["edit", "destroy"], title: " ", width: "172px"}],
                editable: "inline"
            });
        });

点击任意行的<编辑
将光标设置在ProductName字段上，输入“2s”（不带引号），按Tab键将出现工具包，说“/ ^ d {1，} $ /”（它是RE，与字段值匹配）
按Shift + Tab键，输入“2”（不带引号），按Tab键，消息将消失。
重复步骤3-4几次。在2-3次迭代后，当字段包含有效值时，您会发现该消息不会消失。 “更新”按钮表现正常。这真的是一个错误，还是我做错了什么？如何解决这个问题？

Answer 1

是的，这是一个错误。我不知道官方错误跟踪页面在哪里，但这是一个论坛帖子，更准确地详细说明了正在发生的事情：Kendo UI Error on Grid Custom Validation

基本上，当自定义验证未通过输入时，数据源模型不会更新。所以当你重新输入相同的（和正确的输入）时，它会检查最后一个正确的值，因为它是相同的，验证不会触发。在您的情况下，您可以验证，如果您每次更改数字，它仍然有效（2s - > 2 - > 2s - > 3>＆gt; 2s - > 4等......这有效）

您还可以在demo page上重现自定义验证错误。再次将柴改为柴到柴，信息仍将显示。

Telerik还没有解决它，我不确定是否有任何简单的修复。您可以尝试在验证器函数中自己更新数据模型，但这可能很糟糕，因为它使用户能够将错误输入保存到您的后端。

就个人而言（不幸的是），我完全避免了自定义验证，最终使用了服务器端验证。

网格中的Kendo UI验证器失败（消息不会消失）

1 个答案: