使用Angular UI Grid,如何在不使用行选择的情况下访问行实体数据



我正试图从智能表1.x版切换到Angularui网格(3.0版),这是ng网格的替代品
我几乎喜欢ui网格的一切,但有一件事让我抓狂。在智能表中,有一个dataRow的值,这是引用表中实体的一种方便方式。

我使用它的目的是填充一个html模板,以包含来自实体的字段信息,类似于放置在网格单元中的html模板中的ng-click="$parentScope.edit(dataRow.id)"

然而,在ui网格中,如果不进行正式的行或单元格选择,我似乎无法访问实体对象。任何将其包含在单元模板中的努力都会产生一个对象(row.entity),但我无法访问任何实体元素,它们显示为未定义。有什么想法吗?

此外,我已经能够在html模板中执行一个方法,但只有那些没有参数的方法,而不是试图使用实体本身的参数的方法。

这是我使用智能表的html模板:

<a data-toggle="tooltip" data-placement="top" title="View    {{filteredRowCollection}}"   ng-click="$parent.$parent.$parent.$parent.view(dataRow.id)"
   class="glyphicon glyphicon-camera green">
</a>
<a data-toggle="tooltip" data-placement="top" title="Edit {{selectionId}}" ng-click="grid.appScope.edit(row.entity.id)"
   class="glyphicon glyphicon-pencil blue">
</a>
<a data-toggle="tooltip" data-placement="top" title="Delete {{selectionId}}"  ng-click="$parent.$parent.$parent.$parent.delete(dataRow.id)"
   class="glyphicon glyphicon-trash red">
</a>

我试图在ui网格:中使用这样的东西

function edit(row){
    . . .
};

此时row是一个对象,row.entity也是。我希望能够使用类似row.entity.id的东西,这是其中一个字段,但它是undefined

这篇文章可能很有用,https://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/

基本上,您需要为网格设置外部范围,以便访问数据。

最新更新