代码之家 › 专栏 › 技术社区 › Karan

ng模板中的kendo角网格列传递数据项

angular-kendo kendo-ui-grid kendo-ui-angular2 kendo-ui angular

2

Karan · 技术社区 · 8 年前

我正在使用角5.2剑道控制。在网格中,我有一个带有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 回复 | 直到 8 年前

1

4

Philipp 8 年前

您可以访问当前行 dataItem (和其他变量)通过 kendoGridCellTemplate 指令。( API Reference )

<kendo-grid-command-column ...>
    <ng-template kendoGridCellTemplate let-dataItem>
        <button (click)="showwindow(dataItem.PID)">
            <img src="../../../../../Images/view.png" />
        </button>
    </ng-template>
</kendo-grid-command-column>