Discussions concerning ui-grid 4.0 development. See the tutorials: http://ui-grid.info/docs/#/tutorial
angular
@AntoJosh Have a look at these tutorials re making a row editable: http://ui-grid.info/docs/#!/tutorial/Tutorial:%20201%20Edit%20Feature and http://ui-grid.info/docs/#!/tutorial/Tutorial:%20205%20Row%20Edit%20Feature . You add a row using normal javascript calls (push, unshift, etc.) on the data array that underlies the grid. There are different ways to force the user to enter a value depending on how sophisticated your data-check needs to be: for simple stuff, maybe just a validator http://ui-grid.info/docs/#!/api/ui.grid.validate.directive:uiGridValidate but for complex stuff you'll create an editableCellTemplate to grab the user's entry http://ui-grid.info/docs/#!/api/ui.grid.edit.directive:uiGridCell (and related).
**Thanks for the reply @jeffgrossman3000
#1 . Row Edit : The tutorial link that you gave me is allowing to edit by a cell not by a entire row. What we are looking, I have one "edit button" in the last cell of the row. So when i click this button i want this row should be editable in the all field on this row.
#2 : I can able to add the row by normal JavaScript in the UIGrid but what we are expecting, We have one button called add on the outside of the grid and when we i click on that we want to add the one row on the top of the grid and all field on the row force to user to fill the details. means like user input filed are editable .
Please look the link provided below and the feature we are looking in the UIGrid.
http://bdb-opensource.github.io/simple-grid/demo/index.html**
I have tried but i'm not able to get the expected results. While click on the image of row that's already enableCellEdit: false so i'm able to trigger the event.
Please look this
https://plnkr.co/edit/VO6F3vlOOwaudfi3RSVA?preview
we are expecting this feature but this one is not working in the latest UIGrid version. Please expand the Plunker so that will see the edit button in the each row
have you looked at this http://bdb-opensource.github.io/simple-grid/demo/index.html this is the one we exactly looking for an UI grid. This is feature somewhat is achieved in the UIGrid here(https://plnkr.co/edit/VO6F3vlOOwaudfi3RSVA?preview) with the older version and this is not working this latest version of UIGrid. Can please share your idea's and help me out!
i need hierarchy from column level.
no need row level.is there any future in column level hierachy
Hello, I'm looking for a way to get the row which has just been selected in the gridApi.selection.on.rowSelectionChangedBatch handler function.
For example, in this Plunker http://plnkr.co/edit/14Px9QKfnoydU2sZ , let's say I do the following:
- Select the row whose Name is "Terry Clay"
- Select the row whose Name is "Hatfield Hudson" with the shift key pressed
- Select the row whose Name is "Sandoval Mclean" with the shift key pressed
At the step 2, I'd like to get the row object whose Name is "Hatfield Hudson".
At the step 3, I'd like to get the row object whose Name is "Sandoval Mclean".
In other words, here is what I want to do:
gridApi.selection.on.rowSelectionChangedBatch($scope,function(rows){
// **** Question ****
// Is there any way to reliably get the row which has just been selected here?
// i.e. How can I find out which is the one which has just been selected out of the following ("head" and "tail") ?
var head = rows[0];
var tail = rows[rows.length-1];
$log.log(head.entity.name);
$log.log(tail.entity.name);
});$scope.selectButtonClick() calls but I have no idea how it can be done.. Any ideas? Any help would be appreciated https://github.com/angular-ui/ui-grid/blob/9854f69ac6e4f0fcbf875531be3c638f7b21765a/packages/selection/src/js/selection.js#L797
1 reply
2 replies
{{items.startDate | date :'MM/dd/yyyy' }} {{items.visibleSince | date :'MM/dd/yyyy' }}
</td>
