angularjs – 使用Angular UI-Grid,如何在不使用行选择的情况下
发布时间:2020-12-17 06:47:34 所属栏目:安全 来源:网络整理
导读:我正在尝试从Smart-Table版本1.x切换到Angular ui-grid(版本3.0),替换ng-grid. 我几乎喜欢关于ui-grid的一切,但有一件事让我发疯.在智能表中,dataRow有一个值,这是一种在表中引用实体的便捷方式. 我正在使用它填充html模板以包含来自实体的字段信息,例如放置
我正在尝试从Smart-Table版本1.x切换到Angular ui-grid(版本3.0),替换ng-grid.
我几乎喜欢关于ui-grid的一切,但有一件事让我发疯.在智能表中,dataRow有一个值,这是一种在表中引用实体的便捷方式. 我正在使用它填充html模板以包含来自实体的字段信息,例如放置在网格单元格内的html模板中的ng-click =“$parentScope.edit(dataRow.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(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-grid这样的东西: function edit(row){ . . . }; 行,此时是一个对象,就像row.entity一样.我希望能够使用像row.entity.id这样的字段之一,但它是未定义的. 解决方法
这篇文章很有用,https://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/
基本上,您需要为网格设置外部范围,以便您可以访问数据. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |