kendoDetailTemplateをプログラムで開く

Question

詳細テンプレート機能を備えたグリッドがあります。私は+/- 展開していないし、このテンプレートを自分自身、行の選択、または私のグリッド上の列のいずれかのリンクを開きます。

これを行う方法はありますか？この雛形を自分で開くために剣道を使うことはできますか？このようなもの？

<kendo-grid 
    [data]="gridView | async" 
    [skip]="skip" 
    [scrollable]="'virtual'" 
    [selectable]="true" 
    [pageSize]="pageSize" 
    [height]="600" 
    [rowHeight]="36" 
    [detailRowHeight]="36" 
    (pageChange)="pageChange($event)"> 
    <kendo-grid-column field="clientID" title="ID" width="80"> 
     <template kendoCellTemplate let-dataItem> 
      <button class="btn btn-link" (click)="expandDetail()">{{dataItem.clientID}}</button> 
     </template> 
    </kendo-grid-column> 
<template kendoDetailTemplate let-dataItem> 
     My Very interesting details go here ... 
</template> 
</kendo-grid> 

Answer 1

グリッドコンポーネントはこのようなAPIをサポートしていません。これは実装のために記録され、can be tracked in this GitHub issueです。

Answer 2

OnDataBoundEventを処理することによって、プログラムですべての行を展開できます。あなたが戻ってそれを折りたたむしたい場合には

this.expandRow(this.tbody.find("tr.k-master-row")); 

、

this.collapseRow(this.tbody.find("tr.k-master-row")); 

を使用してくださいそして、あなたはただ、詳細テンプレートを初期化したい場合は、拡大すると同時に、折りたたむことができます。

Answer 3

この缶（今 - それはavailable-わずか数日のために剣道の角度グリッドに取り組んできされていますどのくらいかわからない？）のjQueryを使用して、指定された最初の答えと同様の方法でprogromatically行うこと：

// using cell click event in template 
cellClickHandler({ sender, rowIndex, columnIndex, dataItem, column }) { 

    sender.collapseRow(rowIndex); // close 

    // OR 

    sender.expandRow(rowIndex); // open 
}