2016-08-05 6 views
1

剣道タブストリップはHTTP経由でコンテンツバッファリングContentUrlを受け取りますGET、POST経由でこのコンテンツをロードする方法はありますか?剣道タブストリップ経由でコンテンツを読み込むためにHTTP POSTを使用する

剣道のタブストリップには、ロードコンテンツ

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は「POST」の利用可能READ タイプを持っていますが、このメカニズムをプラグインすることが可能であるならば、私は把握できない参照用kendo.data.Datasourceを受け入れますタブストリップのコンテンツの読み込み..または私はこれを取得するためにAJAX GET呼び出しでつかまっていますか?我々かどうかを確認する - 「選択」イベント を実装

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"} ]; 

:タブ定義でhttp://dojo.telerik.com/omOre

空コンテンツのURL:ここに

答えて

0

はロードコンテンツのタブメカニズムに組み込まれを回避するために私の解決策がありますタブをAJAX経由で読み込む必要があります(投稿) - 既に読み込まれている場合はトラックする

//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]]"); 
       } 
      }); 
       } 
      } 
関連する問題