以編程方式打開kendoDetailTemplate

我有一個具有詳細模板功能的網格。我想不要展開+/- 並自己打開此模板，無論是選擇行還是我網格上某一列的鏈接。以編程方式打開kendoDetailTemplate

有沒有辦法做到這一點？我可以調用任何劍道使用來打開這個模板嗎？像這樣？

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

來源

2016-11-24 Major

此時網格組件不支持這樣的API。這是記錄實施和can be tracked in this GitHub issue。

來源

2016-11-24 15:30:33

我看到gird [link]（http://www.telerik.com/kendo-angular-ui/components/grid/changelog/）的更改日誌提到支持有條件地顯示詳細信息行並展開/摺疊按鈕支持詳細行通過API展開/摺疊有沒有關於如何使用它的工作示例，並解決了這個問題嗎？ [1]：http：//www.telerik.com/kendo-angular-ui/components/grid/changelog/ – Vish

您可以通過處理OnDataBoundEvent以編程方式展開所有行。

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

如果要摺疊回去，請使用

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

如果你只是想初始化詳細信息模板，可以展開，並在同一時間崩潰。

來源

2017-01-05 09:04:24 Agni

對於jQuery套件的Kendo UI來說，這是正確的。問題是用於Kendo UI的Angular套件，它不基於jQuery。 –

是的，我還沒有嘗試Angular。 – Agni

這可以（現在 - 不知過了多久，它已經服務現有隻被用了幾天劍道角度網格工作？）可以以類似的方式progromatically實現爲使用jQuery給出的第一個答案：

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

    sender.collapseRow(rowIndex); // close 

    // OR 

    sender.expandRow(rowIndex); // open 
}

來源

2017-12-10 07:40:14 drlff

以編程方式打開kendoDetailTemplate

回答

相關問題