子グリッドのタブを無効にする（剣道UI）

Question

このコードを使用して各詳細行（子グリッド）の2番目と3番目のタブを無効にすると、最初に展開された行とその前の行だけが表示されますタブが無効になっている - 下の他のすべての行にタブが有効になっている - 間違っているのは何ですか？

は、内側と外側の両方のコードを入れてみました関数detailInit（E）{}

var tabStrip = $("#mytabstrip").kendoTabStrip().data("kendoTabStrip"); 
     tabStrip.disable(tabStrip.tabGroup.children().eq(1)); 
     tabStrip.disable(tabStrip.tabGroup.children().eq(2)); 


<script type="text/x-kendo-template" id="template"> 
    <div class="tabstrip" id="mytabstrip"> 
     <button id="gridButton">gridButton</button> 
     <ul> 
      <li class="k-state-active" id="AccountsTab"> 
       Счета      
      </li> 
      <li id="AccountInfoTab"> 
       Полная информация по счету: 
      </li> 
      <li id="BillEventsTab"> 
       Просмотр событий по счету: 
      </li> 
     </ul> 
     <div> 
      <div id="account" class="Account"></div> 
     </div> 

    </div> 

</script> 

Answer 1

が提供されているコードに印象する二つのものがある：

• タブストリップをIDはすべての詳細テンプレートで同じです。重複したIDはWeb標準では使用できず、最初の要素を除く各要素への参照を取得できません。詳細テンプレートにIDをまったく使用しないでください。マスターデータ項目のIDを使用して連結してください。 http://demos.telerik.com/kendo-ui/grid/detailtemplate
• 各詳細テンプレートのTabStripが1回だけ初期化されていることを確認してください。 http://docs.telerik.com/kendo-ui/intro/installation/jquery-initialization#duplicate-initialization

Answer 2

それが役に立つ情報だ@dimodiおかげで、私は自分のコードをチェックし、変更したクラスを参照する代わりに、IDの、重複の初期化が発生していないことを確認 - それは助けにはなりませんでした。私が使用した例では、detailRow.findを使用しています。 「detailRow.find」を使用すると、各行の動作は同じになります。おかげさまで、ありがとうございました!!!

function detailInit(e) { 

     var detailRow = e.detailRow; 

     detailRow.find(".tabstrip") 
      .kendoTabStrip({ 
       animation: { 
        open: { effects: "fadeIn" } 
       }, 


      }); 



     tabStrip = detailRow.find(".tabstrip").kendoTabStrip().data("kendoTabStrip"); 

     tabStrip.disable(tabStrip.tabGroup.children().eq(1)); 
     tabStrip.disable(tabStrip.tabGroup.children().eq(2));