绑定到Kendo for Angular中的行项目

问题描述 投票:0回答:1

我正在使用Kendo网格控件开发Angular应用程序。如何绑定当前元素的属性?

例如,我有一个用户列表。我可以使用以下代码简单地列出它们:

<kendo-grid [data]="Users" style="height: 100%">
  <kendo-grid-column title="Email" field="Email"></kendo-grid-column>
  <kendo-grid-column title="Username" field="Username"></kendo-grid-column>
  <kendo-grid-column title="Permissions" field="Permissions"></kendo-grid-column>
</kendo-grid>

但是,我还想添加按钮列来执行编辑和删除用户等操作。还有我正在使用它的地方,我希望有一个按钮列,路由到该对象的详细信息页面。在这种情况下,我需要将对象的id添加到路由中,但是我没有看到获取对象的方法。我想做这样的事情:

<kendo-grid-column>
  <ng-template kendoGridCellTemplate>
    <button routerLink="/knprojects/{{project.id}}">View Notes</button>
  </ng-template>
</kendo-grid-column>

问题是我没有'project'对象,因为没有* ngFor迭代项......

很抱歉,如果这是一个简单的问题,但这是我第一次使用他们的网格和第一个真正的Angular应用程序,所以试图找出它。

angular kendo-ui kendo-grid
1个回答
0
投票

没关系,我明白了。我实际上在树视图文档中找到它,我没有在网格文档中看到它,但它似乎工作。如果在模板定义中使用'let-project',那么'project'就是对象。所以在我的例子中它应该是:

<kendo-grid-column>
  <ng-template kendoGridCellTemplate let-project>
    <button routerLink="/knprojects/{{project.id}}">View Notes</button>
  </ng-template>
</kendo-grid-column>
© www.soinside.com 2019 - 2024. All rights reserved.