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上，否则行的边缘处会有小的间隙上下文菜单不会触发。