I use Grid component with 1 column and have a lot of information in such column in each row. Also, I use Grid Details and show specific form there. After the user action in the form, I need to refresh/re-render the Grid row in order to reflect the most recent changes. Please advise how to let the Grid know in order to refresh/re-render the specific row.
Related
I have a ui grid that has 20 columns, and I would like to be able to tell what the next column will be as I scroll through the horizontal axis so that I can have some text that will tell the users what the names of all the columns they can't see are.
Anyone know if this is possible? As I watch the the inspector and scroll through the columns, I see html attributes changing.
---UPDATE 1----
This is what is all looks like (where it says "home #" is dynamic and will change to show the next column that is out of site)
Based on the ui-grid configuration that you use to render the grid, you already know the order of the columns. You can use this information together with the visible on each column added by the gird itself.
What you need to do is bind a event handler on scroll to iterate over the columns on each change and check the visibility of them. Then the first one with visible === false is the upcoming.
Here is a working Plunker where is used this flag.
User has options for selecting columns he/she wants to see(from a list of check boxes user can select) and they can also set priority for each column i.e which column should be displayed first,second and so on .How to make this happen .
Thanks
I have not tried this before. But I think what you can do is sort you columnDefs array in the the grid options dynamically. And then do queueRefresh()
I'm using the latest version of Angular UI Grid and am struggling with how to determine if the focus is currently on the last displayed row of the grid.
The data array is not sorted the way it is on-screen, so I cannot use that info. I read that the visible row cache should be sorted as it is on-screen, but I think that might be related to the old ng-grid. At any rate, if I look at gridApi.core.getVisibleRows(myGrid) it still has the sorting as per the raw data.
I am currently handling the event gridApi.cellNav.on.navigate(newRowCol, oldRowCol). I can see the column and row that the user has the focus on, but I cannot see any values in this event (or elsewhere) that I can use to determine if the row is the last-displayed on-screen. I'd appreciate any tips!!
You should use gridApi.grid.renderContainers.body.visibleRowCache which is an array sorted the way the rows are visible on the screen. You can then check if the row is the last row with something like:
oldRowCol.row.uid == $scope.gridApi.grid.renderContainers.body.visibleRowCache[$scope.gridApi.grid.renderContainers.body.visibleRowCache.length-1].uid
Requirement is to provide through Vaadin Table , like row expand. On Click of the more detail which available in Every Column should add the component and show below the row.
I have same like requirement as shown in grid3.js through Sencha, but need a table.
I have searched a database using a query.
The results of the search are displayed in a DBGrid component for the user to select the row s/he wishes to proceed with.
DBGrid always sets the record pointer to the first record in the results set, so a row is always "selected" by default. I need to change this behaviour to no row being selected when the data is first presented so that I can determine if the user has actually made a selection.
Is it possible to tell if no selection has been made, i.e. no row has been selected by the user?
Any help very much welcomed!
You can include dgMultiSelect into DBGrid.Options, then DBGrid.SelectedRows will contain list of explicitly selected record bookmarks. Without dgMultiSelect the DBGrid always track the current dataset record.