【问题标题】:How to put Kendo row index on Html tag Id如何将 Kendo 行索引放在 Html 标签 Id 上
【发布时间】:2017-02-02 22:45:53
【问题描述】:

我正在使用剑道网格来显示某些实体。我在一个名为 action 的所述实体的模型中有一个对象属性。该动作由以下剑道模板定义:

模板:'# if(true) {# <i id="trashIcon" class="fa fa-trash" ng-click="delete(\'#:id#\')"></i>#}'

目前,每个 fa-trash 图标 id 都设置为“trashIcon”。每次调用模型以在网格上显示新实体时,我都需要能够向此垃圾图标 id 添加索引。类似于 ng-repeats 的角度中的 {{$index}}。

谢谢你

【问题讨论】:

    标签: javascript html angularjs kendo-ui kendo-grid


    【解决方案1】:

    您需要在模板中执行以下操作。

    首先(你应该已经有了)

    $scope.yourDataSource = new kendo.data.DataSource(...)
    

    然后

    //you can use angular template features here
    template: "<i id='trashIcon-{{yourDataSource.indexOf(dataItem) + 1}}'></i>"
    

    我刚刚测试过它也适用于分页。 这是working example

    【讨论】:

    • 我试过了,它只在垃圾图标后显示 1。我正在使用具有实体所有属性的相同数据源“数据”。 dataItem 是剑道关键字吗?例如“data.status”返回一些值..所以我从你的例子中尝试过:{{data.indexOf(dataItem) + 1}} ?
    • @Giolla,您可能缺少“新 kendo.data.DataSource”并使用对象作为数据源。我编辑了答案并链接了一个工作示例。是的 dataItem 是您在模板中引用当前行的数据对象的方式。这是一个剑道定义的变量。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-11-30
    • 2022-11-14
    • 2011-02-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多