Javascript KendoUI上传小部件模板

Javascript KendoUI上传小部件模板,javascript,kendo-ui,Javascript,Kendo Ui,我正试图定制一个kendoUpload小部件使用的HTML,但我无法让它工作 我已经关注了他们网站上的演示,阅读了文档,但我仍然得到了默认模板(也就是说,我的自定义模板没有得到应用) Javascript和模板: $("#files").kendoUpload({ async: { saveUrl: Configuration.BaseUrl + "/portaluserquote/SourceFileUplo

我正试图定制一个
kendoUpload
小部件使用的HTML,但我无法让它工作

我已经关注了他们网站上的演示,阅读了文档,但我仍然得到了默认模板(也就是说,我的自定义模板没有得到应用)

Javascript和模板:

$("#files").kendoUpload({
            async: {
                saveUrl: Configuration.BaseUrl + "/portaluserquote/SourceFileUpload",
                removeUrl: Configuration.BaseUrl + "/portaluserquote/RemoveSourceFileUpload",
                autoUpload: true
            },
            template:"<span class='k-progress'></span>"+
                "<div class='file-wrapper'>"+
                    "<span class='file-icon #=addExtensionClass(files[0].extension)#'></span>"+
                    "<h4 class='file-heading file-name-heading'>Name: #=name#</h4>"+
                    "<h4 class='file-heading file-size-heading'>Size: #=size# bytes</h4>"+
                    "<button type='button' class='k-upload-action'></button>"+
                "</div>",
            
            multiple: true
            
        });
$(“#文件”).kendoUpload({
异步:{
saveUrl:Configuration.BaseUrl+“/portaluserquote/SourceFileUpload”,
removeUrl:Configuration.BaseUrl+“/portaluserquote/RemoveSourceFileUpload”,
自动上载:true
},
模板:“”+
""+
""+
“名称:#=名称#”+
“大小:#=大小#字节”+
""+
"",
多重:对
});
生成的DOM的屏幕截图:


有什么想法吗?

您直接放入HTML,而不是调用
kendo.template
。根据要求,它应该是一个模板:

$("#files").kendoUpload({
    async: {
        saveUrl: Configuration.BaseUrl + "/portaluserquote/SourceFileUpload",
        removeUrl: Configuration.BaseUrl + "/portaluserquote/RemoveSourceFileUpload",
        autoUpload: true
    },
    template:kendo.template("<span class='k-progress'></span>"+
        "<div class='file-wrapper'>"+
            "<span class='file-icon #=addExtensionClass(files[0].extension)#'></span>"+
            "<h4 class='file-heading file-name-heading'>Name: #=name#</h4>"+
            "<h4 class='file-heading file-size-heading'>Size: #=size# bytes</h4>"+
            "<button type='button' class='k-upload-action'></button>"+
        "</div>"),
    multiple: true
});
$(“#文件”).kendoUpload({
异步:{
saveUrl:Configuration.BaseUrl+“/portaluserquote/SourceFileUpload”,
removeUrl:Configuration.BaseUrl+“/portaluserquote/RemoveSourceFileUpload”,
自动上载:true
},
模板:剑道模板(“”)+
""+
""+
“名称:#=名称#”+
“大小:#=大小#字节”+
""+
""),
多重:对
});

问题与剑道版本有关。我一更新到最新版本,kendoUpload的模板就开始工作了


我相信这项功能是后来添加的。

嘿,谢谢你的输入。我已经试过很多次了,但都没用。结果是另一个问题。您运行的是哪个版本,升级到哪个版本?我有一个类似的问题,我从2013.1.319更新到2013.2.716。我还向Visual Studio 2012项目添加了对Kendo.MVC.dll的引用,以启用Razor标记,这解决了我的问题。此外,我还添加了kendo.all.min.intellisense.js。