ui-grid行具有唯一的ID

Question

是否可以讓ui-grid中的每一行都有唯一的ID？ 沿第一行的id為“ row-0”的行，第二行為“ row-1”的行，以此類推

所以：

<div class="ui-grid-row" 
    ng-class="{'ui-grid-row-selected': row.isSelected,'ui-grid-tree-header-row': row.treeLevel > -1}" 
    ng-repeat="(rowRenderIndex, row) in rowContainer.renderedRows track by $index" 
    ng-style="Viewport.rowStyle(rowRenderIndex)">
        ...
</div>

看起來像：

<div class="ui-grid-row" 
    id="row-0"
    ng-class="{'ui-grid-row-selected': row.isSelected,'ui-grid-tree-header-row': row.treeLevel > -1}" 
    ng-repeat="(rowRenderIndex, row) in rowContainer.renderedRows track by $index" 
    ng-style="Viewport.rowStyle(rowRenderIndex)">
        ...
</div>

我已經嘗試過行模板，但這是在每個單元格上設置ID（可能像預期的那樣）

這樣，在使用Selenium時，我可以通過使用ID查找行來選擇它

更新：我現在嘗試將行模板上的ID設置為

row-{{rowRenderIndex}}-cell-{{col.uid}}

這會產生一些類似的東西

id="row-0-cell-uiGrid-0007"

如果我隨后離開屏幕並再次返回，則ID變為

id="row-0-cell-uiGrid-00PW"

如果ID每次都一致，那么我可以使用它

Answer 1

您可以使用$ index

<div class="ui-grid-row" 
    id="{{$index}}"
    ng-class="{'ui-grid-row-selected': row.isSelected,'ui-grid-tree-header-row': row.treeLevel > -1}" 
    ng-repeat="(rowRenderIndex, row) in rowContainer.renderedRows track by $index" 
    ng-style="Viewport.rowStyle(rowRenderIndex)">
        ...
</div>

Answer 2

行和列共同形成一個元組（行，列），該元組對於網格中的每個單元格都是唯一的。 對於UI-Grid，有一種使用此概念的方法。 每個單元格都可以訪問UI-grid的內部范圍變量。 在此范圍內，有兩個鍵“ row”和“ col”。 每個都有uid屬性。 因此，使用元組（'row.uid'，'col.uid'）對於每個單元格始終是唯一的。 用法示例（Angular JS）：

<div class="ui-grid-cell-contents" trigger-id="{{row.uid + col.uid}}">
{{ COL_FIELD }}</div>

觸發器ID對於每個單元格都是唯一的。 對於同一頁面上的多個網格，請在名稱范圍變量中使用網格，然后使用grid.appScope.gridName對其進行grid.appScope.gridName