Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 使用Angular UI-Grid,如何在不使用行选择的情况下访问行实体数据?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_616_2@
我正在尝试从smart-Table版本1.x切换到Angular ui-grid(版本3.0),替换ng-grid.
我几乎喜欢关于ui-grid的一切,但有一件事让我发疯.在智能表中,da@R_38_2301@w有一个值,这是一种在表中引用实体的便捷方式.

我正在使用它填充html模板以包含来自实体的字段信息,例如放置在网格单元格内的html模板中的ng-click =“$parentScope.edit(da@R_38_2301@w.id)”.

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

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

这是我使用smart-table的html模板:

<a data-toggle="tooltip" data-placement="top" title="View    {{filteredRowCollection}}"   ng-click="$parent.$parent.$parent.$parent.view(da@R_38_2301@w.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(da@R_38_2301@w.id)"
   class="glyphicon glyphicon-trash red">
</a>

我试图用ui-grid这样的东西:

function edit(row){
    . . .
};

行,此时是一个对象,就像row.entity一样.我希望能够使用像row.entity.id这样的字段之一,但它是未定义的.

@H_616_2@

解决方法

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

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

@H_616_2@ @H_616_2@
@H_616_2@
@H_616_2@

大佬总结

以上是大佬教程为你收集整理的angularjs – 使用Angular UI-Grid,如何在不使用行选择的情况下访问行实体数据?全部内容,希望文章能够帮你解决angularjs – 使用Angular UI-Grid,如何在不使用行选择的情况下访问行实体数据?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。