剑道角网格列在ng-template中传递dataitem

时间:2018-06-12 10:23:25

标签: angular kendo-ui kendo-ui-angular2 kendo-ui-grid angular-kendo

我正在使用Angular 5.2和Kendo控件。在网格内部,我有一个带有click属性的按钮。我想将 PID值作为参数传递给showwindow函数。

以下是代码示例: -

 <kendo-grid [data]="gridView"
                (pageChange)="pageChange($event)"
                [selectable]="true"
                [kendoGridSelectBy]="mySelectionKey"
                [selectedKeys]="mySelection"
                style="width:1100px;">
        <kendo-grid-checkbox-column showSelectAll="true" width="50" media="(min-width: 10px)">
            <ng-template kendoGridHeaderTemplate let-dataItem>
                <input type="checkbox"
                       name="selectAll"
                       (change)="selectAllRows($event)"
                       [checked]="allRowsSelected" />
            </ng-template>
        </kendo-grid-checkbox-column>
        <kendo-grid-column field="PID" title="User ID" width="150" media="(min-width: 10px)">
        </kendo-grid-column>

        <kendo-grid-command-column title="View file" width="200" media="(min-width: 10px)">
            <ng-template kendoGridCellTemplate let-isNew="isNew">
                <button (click)="showwindow(pass the PID value here)">
                    <img src="../../../../../Images/view.png" />
                </button>
            </ng-template>
        </kendo-grid-command-column>
    </kendo-grid>

以下是我要更改的按钮点击处理程序: -

 <button (click)="showwindow(pass the PID value here)">
     <img src="../../../../../Images/view.png" />
  </button>

请建议解决方案。

1 个答案:

答案 0 :(得分:3)

您可以通过val * 4294967296 + UNIX_TIMESTAMP(date)指令的模板上下文访问当前行dataItem(以及其他变量)。 (API Reference

kendoGridCellTemplate