KendoUI jQuery Upload 在kendoForm 中不起作用

Question

在我当前的代码实现中，我遇到了一个挑战，除了链接到“附件”字段的文件上传功能之外，所有控件都按预期运行。尽管我尝试使用各种方法解决该问题，例如使用“上传”编辑器和 Kendo.Upload，但我一直未能取得成功。具体问题似乎与附件字段的文件上传功能无关。我已经彻底研究了潜在的解决方案，但到目前为止还没有一个被证明是有效的。任何有关在附件字段中排除和解决此特定文件上传问题的见解或建议将不胜感激。您在克服这一障碍方面的帮助对于我的应用程序的全面功能至关重要。

   ,,,
 $("#form-communication").kendoForm({
size: "small",
formData: {
    StartDate: new Date(),
    EndDate: new Date(),
    Active: false,
    Notes: "",
    Attachments: "",        
},
layout: "grid",
grid: {
    cols: 4,
    gutter: 5
},
items: [
    { field: "StartDate", label: "Start Date", editor: "DatePicker" },
    { field: "EndDate", label: "End Date", editor: "DatePicker" },
    { field: "Active", label: "Active", editor: "Switch" },
    {
        field: "Notes", label: "Notes", editor: "TextArea",
        colSpan: 3,
        editorOptions: {
            placeholder: "Notes",
            rows: 3
        }
    },
    {
        field: "Attachments", label: "Attachments",
        colSpan: 3,
        editor: "Upload", //kendo.Upload
        editorOptions: {
            async: true,
            multiple: false,                     
        }
    }
],
validateField: function (e) {    },
submit: function (e) {
    e.preventDefault();
   
},
clear: function (ev) {  }
});
'''

请帮助我。

Answer 1

上传小部件不是表单的内置编辑器的一部分，这就是它未初始化的原因。您仍然可以使用上传小部件作为剑道表单的一部分，但您需要将其添加为自定义编辑器：

{
  field: "Attachments",
  label: "Attachments",
  colSpan: 3,
  editor: function(container, options) {
    $('<input type="file" name="' + options.field + '" id="' + options.field + '"/>')
    .appendTo(container)
    .kendoUpload({
      async: {
        saveUrl: "save",
        removeUrl: "remove",
        autoUpload: true
      }
    });
}

这是一个示例。