Disable Tabs in Kindgitter funktioniert nicht richtig (Kendo-UI)

Question

Wenn ich diesen Code verwenden, um zweite und dritte Registerkarte in jeder detaillierten Zeile (Kind-Raster) zu deaktivieren, sehe ich nur die erste erweiterte Zeile und die Zeilen davor Tabs deaktiviert haben - und alle anderen Zeilen unten haben Tabs aktiviert - was mache ich falsch?

versucht diesen Code zu setzen sowohl innerhalb als auch außerhalb Funktion 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

Es gibt zwei Dinge, die einen Eindruck in den bereitgestellten Code machen:

• TabStrip Die ID ist für alle Detailvorlagen gleich. Doppelte IDs werden nicht durch Web-Standards ersetzt und führen dazu, dass keine Referenz auf die jeweiligen Elemente, mit Ausnahme der ersten, erhalten werden kann. Verwenden Sie keine IDs in der Detailvorlage oder verwenden Sie sie nicht, indem Sie die ID des Stammdatenelements verketten (verketten). http://demos.telerik.com/kendo-ui/grid/detailtemplate
• Stellen Sie sicher, dass der TabStrip für jede Detailvorlage nur einmal initialisiert wird. http://docs.telerik.com/kendo-ui/intro/installation/jquery-initialization#duplicate-initialization

Answer 2

Dank @dimodi es eine nützliche Informationen ist, ich habe meinen Code überprüft und geändert Klasse geprüft statt IDs bezieht sich, dass keine doppelte Initialisierung auftreten - aber es hat nicht geholfen. Dann habe ich festgestellt, dass sie im Beispiel detailRow.find verwenden. Wenn Sie nun "detailRow.find" verwenden, hat jede Zeile dasselbe Verhalten. Nochmals vielen Dank und einen schönen Tag !!!

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));