KendoUI上傳部件模板

我正在嘗試自定義kendoUpload部件使用的HTML，但我無法使其工作。KendoUI上傳部件模板

我在他們的網站上按照演示，閱讀文檔，但我仍然得到默認模板（也就是說，我的自定義模板沒有得到任何應用）。

的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 

     });

與生成的DOM截圖：

enter image description here

任何想法？

來源

2013-07-08 Zubzob

問題與kendo版本有關。只要我更新到最新版本，kendoUpload的模板工作。

我相信這個功能後來被添加了..

來源

2013-07-08 17:27:47 Zubzob

你正在運行什麼版本，你升級到了哪個版本？ – alan

我有類似的問題，我從2013.1.319更新至2013.2.716。我還儘可能爲我的Visual Studio 2012項目添加對Kendo.MVC.dll的引用，以啓用Razor標記，並解決了我的問題。另外我加了kendo.all.min.intellisense.js。 – alan

你直接放置HTML而不是用它調用kendo.template。根據documentation它應該是一個模板。：

$("#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 
});

來源

2013-07-08 14:57:36 OnaBai

嘿，謝謝你的輸入。我試了多次，但沒有奏效。原來這是一個不同的問題。 – Zubzob

KendoUI上傳部件模板

回答

相關問題