Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 剑道UI角度2行模板?_Angular_Kendo Ui_Kendo Ui Angular2 - Fatal编程技术网

Angular 剑道UI角度2行模板?

Angular 剑道UI角度2行模板?,angular,kendo-ui,kendo-ui-angular2,Angular,Kendo Ui,Kendo Ui Angular2,网格框架中是否存在类似RowTemplate的内容 我需要将(contextmenu)=“onContextMenu($event,dataItem)”附加到表行,以便在右键单击行时显示上下文菜单 我还没有找到任何方法来做到这一点 我曾尝试将上下文直接添加到每个kendoCellTemplate,并将上下文菜单附加到每个列,但它只会抛出错误 <kendo-grid-column field = "poNum"> <template kendoCellTemplate l

网格框架中是否存在类似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>

{{dataItem.poNum}
我尝试过在每个kendoCellTemplate中添加div,并在其中添加contextmenu,这是可行的——但这是可以理解的,div的宽度无法填满单元格的空间,在右键单击的地方留下巨大的间隙

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

{{dataItem.poNum}

任何帮助都将不胜感激。

这似乎是一篇老文章,但我已经找到了一种方法来做到这一点。与bootstrap4结合使用(但它应该与任何具有flex-wrap的flex-box的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>

{{dataItem.Name}
由于row类将占用全部空间,因此RC事件应按预期工作


如果您想确保高度不是问题,则需要将.k-grid td设置为没有填充,然后将填充(8px)添加到行div中,否则行的上下文菜单将不会触发边缘上的小间隙。

这看起来是一篇旧文章,但我找到了一种方法。与bootstrap4结合使用(但它应该与任何具有flex-wrap的flex-box的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>

{{dataItem.Name}
由于row类将占用全部空间,因此RC事件应按预期工作


如果要确保高度不是问题,需要将.k-grid td设置为没有填充,然后将填充(8px)添加到行div中,否则行的上下文菜单将不会触发边缘上的小间隙。

Hi GlacialFlames,您解决过此问题吗?不幸的是,没有。我还没有找到一个解决办法来完成任何事情。嗨,GlacialFlames,你曾经解决过这个问题吗?不幸的是没有。我还没有找到一个在行级别完成任何事情的解决方案。理想情况下,我们不必在每一列上都使用它,但这是迄今为止唯一有效的解决方案!Telerik正在开发他们自己的上下文菜单,我相信这一天可能会到来。在那之前,这是一个有效的解决方案。谢谢理想情况下,我们不必把它放在每一列上,但这是迄今为止唯一有效的解决方案!Telerik正在开发他们自己的上下文菜单,我相信这一天可能会到来。在那之前,这是一个有效的解决方案。谢谢