angular-ui-grid

I have a list of items in an Angular UI Grid . When I click a row, I want to be taken to a different page. (In other words, each row in the grid will be a link.) I imagine this must be a very common desire, although I haven't really seen any documentation on how to do it. What's a good way to accomplish this? I figured out the answer myself. Here's my controller (ES6): 'use strict'; class TrackingRecordsCtrl { constructor($scope) { // The content of this template is included // separately $scope.gridOptions = { rowTemplate: 'app/components/tracking-record/grid-row.html', }; // This function is

I am working on ui grid edit cell feature. I need to update the edited cell value to the database using rest api. Also how can i get the list of rows selected in controller. My working code var app = angular.module('app', ['ngTouch', 'ui.grid', 'ui.grid.edit']); app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) { $scope.gridOptions = { }; $scope.gridOptions.columnDefs = [ { name: 'id', enableCellEdit: false}, { name: 'name' }, { name: 'age', displayName: 'Age' , type: 'number', width: '10%' } ]; $http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500

This is my Controller $scope.usersList = {}; $scope.usersList = { paginationPageSizes: [10,15, 20], paginationPageSize: 10, columnDefs: [ { name: 'userId', cellTemplate: '<div class="ui-grid-cell-contents"><a ui-sref="appSetting.userSelected({userId: row.entity.userId})">{{ row.entity.userId }}</a></div>' }, { name: 'firstName' }, { name: 'lastName' }, { name: 'emailId' }, { name: 'action', cellTemplate: '<div>' + ' <button ng-click="grid.appScope.sampledetails()">Delete</button>' + '</div>', enableSorting: false, enableColumnMenu: false } ] }; and this is my .cshtml <div id="grid1" ui-grid=

I'm using a headerCellTemplate in the columDefs of my ui-grid (not ng-grid but the new rewrite). In the html I have a checkbox. Essentially I am trying to add a checkbox in the header of a column that is all checkboxes so I can check all/none. The cell renders fine with the checkbox. The problem is that the ng-change in the checkbox in the header never fires the event. Additionally the ng-model value never changes. Looking at the code there is a directive used called uiGridHeaderCell so I have to assume that it is gobbling up my event as well as being in its own scope so it never sets the

I looked at the angular-ui modules because I need to implement a grid. I saw that there is the stable ng-grid and the unstable version ui-grid. Which version should I use? Are they very different or hard to switch? The github repo says that all development will happen on ui-grid (ng-grid 3). That means ng-grid has become a legacy grid. ui-grid is stable enough to use in my opinion and the only reason to use ng-grid is if you already started with it. New projects would be better off using ui-grid. They also claim that the performance of ui-grid is better than that of ng-grid though I haven't

I am using AngularJs ui-grid http://ui-grid.info/ . While implementing, I get something which you can see in the following img in right corner of the cell instead of dropdown symbols. Which files to include to solve this bug? You need to download the font files: ui-grid.woff ui-grid.eot ui-grid.svg ui-grid.ttf from here . And move them where your ui-grid.min.css lives. Please include ui-grid CSS file by this way <link rel="stylesheet" href="/release/ui-grid-unstable.css"> and ommit the script tag from the Authors Tutorial or Api <script src="/release/ui-grid-unstable.css"></script> for eg (