[英]How to get row click event in angular?
I am trying get row object selected with row click event. 我正在尝试通过行单击事件选择行对象。 I am using Angular UI Grid
我正在使用Angular UI Grid
Here is the API link http://ui-grid.info/docs/#/tutorial/103_filtering 这是API链接http://ui-grid.info/docs/#/tutorial/103_filtering
I used this to get the data: 我用它来获取数据:
enableRowSelection: true,
multiSelect:false,
onRegisterApi : function(gridApi){
//set gridApi on scope
$scope.gridApi = gridApi;
gridApi.selection.on.rowSelectionChanged($scope,function(row){
var msg = 'row selected ' + row.isSelected;
$log.log(msg);
});
Here is my code https://plnkr.co/edit/DqBgHFnwLpYM5pvg0f56?p=preview 这是我的代码https://plnkr.co/edit/DqBgHFnwLpYM5pvg0f56?p=preview
Inject ui.grid.selection
into your app module: 将
ui.grid.selection
注入您的应用程序模块:
angular.module('app',['ngTouch', 'ui.grid', 'ui.grid.selection'])
Setup selection on html: 在html上选择安装程序:
<div id="grid1" ui-grid="gridOptions" ui-grid-selection class="grid" ></div>
Get selected row object using row.entity
: 使用
row.entity
获取选定的行对象:
gridApi.selection.on.rowSelectionChanged($scope,function(row){
var msg = 'row selected ' + row.entity.age;
console.log(msg);
});
Working plunker: 工作钻头:
https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.