Kendo 表单提交功能未触发

Question

我是 kendo 的新手，所以我擅长问愚蠢的问题。我已将表单添加到网格中，以便用户可以向对话中添加新评论。

在前端，出现一个提交按钮。不幸的是，当我点击按钮时没有任何反应。清除按钮有一个警报，并且该警报会毫无问题地弹出。只是提交按钮不起作用。有人看到明显的东西吗？

$("<div/>").appendTo(e.detailCell).kendoForm({
    orientation: "vertical",
    formData: {
        comment: "enter text here"            
    },
    items: [{
        type: "group",
        label: "Add Comment",
        items: [{ 
                  field: "Comment", 
                  label: "Comment:", 
                  width: "85%", 
                  validation: { required: true } 
        }]
    }],                         
    submit: function(e) {
        alert("submit function");
        e.preventDefault();                             
        //var newComment = this.get("Comment");                              
        $.ajax({
            url: "/acme/common/submitFeedbackDetail.action?feedbackId=100&feedbackDetail=" + newComment,
            type : "GET",
            cache : false,
            contentType : "text/plain",
            datatype : "text",
            success : function() {
                alert("comment added");
            },
            error: function() {
                alert("comment failed");
            }
        });                                                                                                                            
    },
    clear: function(e) {
        alert("clear function");
    }
});

Answer 1

您使用 kendoForm() jquery 插件转换的元素必须是表单元素。否则，您实际上不会获得 html 表单，这就是提交不起作用的原因。试试这个：

$("<form></form>").appendTo(e.detailCell).kendoForm({

https://docs.telerik.com/kendo-ui/controls/layout/form/overview

Kendo 表单提交功能未触发

Kendo form submit function is not firing

javascript

kendo-ui

kendo-grid