How to programmatically select a row in Ui.grid angularJs? - angularjs

I have an issue let me put it simple in my plunker example I want to know why is my $scope.revertSelection() function not working.
http://plnkr.co/edit/3KXrUuCsSACuhefmyzxN?p=info
Steps:
Sort right hand grid by Name(descending order)
Select 3-4 rows randomly
Click 'Copy' button all selected rows are copied into $scope.retainSelection
Sort right hand grid by Name(Ascending order)
Click 'Revert' button (this is not working)
I am expecting all the rows previously selected in step 2) to be selected back which is not happening :-( please help me with the issue.
I googled but could not find any docs of gridApi.selection to look for other methods to fulfill my requirement.
Note: I am using Ui.grid not ng-grid

I should use...
$scope.gridApi.grid.modifyRows($scope.gridOptions.data);
$scope.gridApi.selection.selectRow($scope.gridOptions.data[i]);
...instead of...
$scope.gridApi.selection.selectRow(i);
My friend gave link to docs.

Related

Fluent UI DetailList MultiSelect click on row

So, my problem is, I want to have a DetailList component with multi select. Easy enough in documentation it's just what I need.
My code is almost identical except of content, so I pasted example from documentation.
But in the given example bellow, multi select only works if you click ok radio buttons on the left. If you click on the row, only one gets selected, which is not user friendly.
My question is how to make it behave same, regardless if you click on row or on radio button ? In both cases I want multi select.
Link to example and documentation: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/basic
I've looked over the web for solution quite a lot, but haven't found one.

Display Json tree Boootstrap

I am new to angular js , I have to display JSON data (can be nested to any level)in tree structure whchi should expand and collapse on button click ,I have tried various npm plugins but not a satisfied with any of those ,
So can anybody suggest me some good solution for this
Thanks in advance
If you want to go with plugins, then angular-ui-tree is the best one.
Else you can come up with your own logic of iterating the nodes with check in record array, if its there come up with caret and give the control to hide and show the rows of the respective parent.

Angular uigrid - remove subgrid's left margin spacing

I'm using the Angular ui-grid and Angular (v1.4). I can display a simple table fine but when it comes to nested tables
To see an example of the code - go to http://ui-grid.info/docs/#/tutorial/216_expandable_grid, then click on the "Edit in Plunkr" link on the right about halfway down. In this example, when you click on a row you'll see the subgrid. That's fine but for this subgrid I'd like to remove the whitespace to the left subgrid's ID column and also ensure the subgrid's columns line up the the parent columns.
Does anyone know how I can do this ?
Any thoughts/guidance would be great.
Thanks - Ro

Angular ui-grid. Error in example?

I want to use ui-grid with treeView, but in example:
http://ui-grid.info/docs/#/tutorial/215_treeView
it working wrong.
if i click on "+" icon and then click "-" icon - last row going out from grid.
How repear this, or replace to other grid with tree (hierarhical grid with several column and row selections)? Thanks!
I think this may be the alignment issue that was fixed this morning, which occurs when you have filters. The treeView appears to be working correctly today.
If you have an issue that is different than that, could you provide a bit more detail - your description is somewhat unclear on exactly what it is that is wrong.

AngularJS multiple directives

Ok, I'm being studying AngularJS for about a week now and I'm being able to make several mocks and small tests. I decided to try something deeper and build something close to a real application using AngularJS. Please take a look on the plunker: http://plnkr.co/edit/UX6tmI5zYQ70cTnfzaG0?p=preview
My goal: There will be a treeview on the left column, a list of products in the center column, which is a list of items of a directive and product edit directive in the right column, something close to Microsoft Outlook. I'm being able to list the products in the center column, ok. In each item of listed in the center column, there is a link and what I want is clicking on this link will edit the product clicked in the right column. But how should I do it?
Thanks in advance!

Resources