Verwenden Sie HTTP POST zum Laden von Inhalten über Kendo Tabstrip

Question

Kendo Registerkarte akzeptiert Inhalt laden ContentUrl als Ajax über HTTP GET, gibt es eine Möglichkeit, diesen Inhalt per POST zu laden?

A Kendo TABSTRIP

Siehe http://dojo.telerik.com/EmECoy

$("#tabstrip").kendoTabStrip({ 
    dataTextField: "Name", 
    dataContentUrlField: "ContentUrl", 
    dataSource: [ 
     { Name: "Tab1", ContentUrl: "http://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent1.html" }, 
     { Name: "Tab2", ContentUrl: "http://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent2.html" } 
    ] 
}); 

kendo.data.DataSource hat einen verfügbaren READ Typen von "POST" ein kendo.data.Datasource zum Laden von Inhalt akzeptiert, aber ich kann es nicht fassen, wenn es möglich ist, diesen Mechanismus zu stopfen in den Inhalt laden der Tabstrip .. oder bin ich mit einem AJAX GET-Aufruf stecken, um diese abzurufen?

Answer 1

Hier ist meine Lösung der eingebauten Register Mechanismen zum Laden Inhalt zu umgehen: http://dojo.telerik.com/omOre

leerer Inhalt Urls in der Registerkarte Definition:

jQuery(function(){jQuery("#tabstrip").kendoTabStrip({"select":onselect,"activate":onactivate,"contentLoad":onContentLoad,"animation":false,"contentUrls":["","","",""]});}); 

//Track our content 
var tabcontent = [{"contentloaded":true},{"url":"http://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent1.html"},{"url":"http://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent2.html"},{"url":"http://demos.telerik.com/kendo-ui/content/web/tabstrip/ajax/ajaxContent3.html"} ]; 

Implementieren der "select" Ereignis - fest, ob wir sollte die Registerkarte über AJAX laden (Post) - Verfolgen, wenn Registerkarte bereits geladen

//When selected, if ajax and not not loaded - load the content 
    function onselect(e) { 
     console.log("select");    
     var index = $(e.item).index(); 
     var taburl = tabcontent[index].url; 
     var contentloaded = tabcontent[index].contentloaded; 

      if(taburl !== "" && contentloaded !== true) 
      { 
       //get reference to the TabStrip widget 
      var ts = $("#tabstrip").data("kendoTabStrip"); 

      //get the tab content 
      var item = ts.contentElement(index);     

      $.ajax({ 
       type: "get",//simple change! "post", 
       url: taburl, 
       success: function (response) {       
       $(item).html(response); 
       tabcontent[index].contentloaded = true; 
       console.log("Tab Index: " + index + ", Url: " + taburl + " [[ajax success]]"); 
       } 
      }); 
       } 
      }