Kendo UI Angular 2-RowTemplate？

Question

網格框架中是否存在類似於RowTemplate的東西？

我需要將(contextmenu)="onContextMenu($event, dataItem)"附加到表行，以便右鍵單擊該行時顯示上下文菜單。

我還沒有找到任何方法可以做到這一點。

我嘗試將上下文直接添加到每個kendoCellTemplate並將上下文菜單附加到每一列，但是它只會引發錯誤。

<kendo-grid-column field = "poNum">
    <template kendoCellTemplate let-dataItem (contextmenu)="onContextMenu($event, dataItem)">
        {{ dataItem.poNum }}
    </template>
</kendo-grid-column>

我嘗試將div添加到每個kendoCellTemplate中，然后向其添加contextmenu，並且它可以正常工作-但這是很混亂的，而且div的寬度拒絕填滿單元格的空間，從而在右鍵單擊的位置留下了巨大的空白工作。

<kendo-grid-column field = "poNum">
    <template kendoCellTemplate let-dataItem>
        <div (contextmenu)="onContextMenu($event, dataItem)">
            {{ dataItem.poNum }}
        </div>
    </template>
</kendo-grid-column>

任何幫助，將不勝感激。

Answer 1

這似乎是一個舊帖子，但是我找到了一種方法。 與bootstrap 4結合使用（但它應該與任何具有flex-wrap的flex框的div一起使用）。

它不是最漂亮的，但是可以按照您的要求完成工作：

您通常設置網格，然后為每列設置：

<kendo-grid-column title="Option">
    <template kendoGridCellTemplate let-dataItem>
        <div class="row no-margin" (contextmenu)="onRightClick($event, dataItem)">
            {{dataItem.Name}}
        </div>
    </template>
</kendo-grid-column>

由於行類將占用全部空間，因此RC事件應按預期進行。

如果要確保高度不成問題，則需要將.k-grid td設置為沒有填充，然后將填充（8px）添加到行div上，否則行的邊緣處會有小的間隙上下文菜單不會觸發。