Save the state of Collapse/Expand Groups in Grid Panel in ExtJS - extjs

Iam working on a grid Panel.Iam using a grouping store in the grid panel.I wanted to save the state of groups (expanded /Collapsed states) in grid panel. Is there a way to save the state when the page is refreshed?.
I appreciate any help.
Thanks

The GroupingView is already set up to be stateful, but you must have configured the StateManager with a valid provider in order for it to be in effect. See the linked doc page for an example using the built-in CookieProvider.

Related

Ag grid custom pagination option is missing

In the application I have been working need to have a customize pagination option , so that the user can select how many records / page he want to display in the grid. Currently the ag community version has the option to place a dropdown to change the page size dynamically is available. This makes a call to paginationSetPageSize(newPageSize). So do we have any option available to display the custom pagination option along with the autopagination controls coming in the grid footer?. Please help.

What is the proper way to display a shared info panel for a list of items?

I am developing a web page. This page contains a list of items on the left side, and a information panel on the right side to show some summary information specific to the selected items see below:
When one item is selected by user, the information panel's content should be updated to show the active item's content.
My Question:
What is the proper way to implement this:
Spawn one information panel per list item. Then hide/show the the information panel for the active list item.
Make only one information panel globally. Then update the information panel's content based on list item selection?
Because I am using Angular 2 and Bootstrap, advices specific to these libraries are appreciated. (For example, shall I use route to implement the item-click-to-summary-display? Is there a component in Bootstrap library that is specifically for such purposes? )

Fuelux Tree: How to filter items based on status checkboxes

I have successfully implemented the FuelUx tree control but I want the user to click a different status check mark (IE active or archived) and only display the child items in the tree that contain the selected status.
Any suggestions on how to implement this feature?
Thanks,
Greg
My first inclination would be to add an active/inactive/archived/whatever class to the data source attr.cssClass key.
http://getfuelux.com/javascript.html#tree-usage-datasource
This would allow you to toggle which item state is being displayed at a given time. You could also use styles connected to the class to customize the icon based on the state.

Extjs How to make Grid Column Header Menu options persist in Cookies (Stateful)

Using Sencha Architect Version 3.0.2
ExtJS 4.1
I am trying to make the selections in the Grid column headers stateful and save them in a cookie.
What I am after is the Columns menu that further dropdowns to list the columns in the grid with a Checkbox besides it. Selecting/Un-selecting this box will unhide/hide the respective column.
I want to save this setting so that next time the user loads the grid, a column that is unselected before is hidden and does not appear (until obviously cookies are cleared).
Example Fiddle Located here
Following is the menu I am talking about:
Set stateProvider and make the grid stateful:true with stateId, fiddle here: https://fiddle.sencha.com/#fiddle/a6s

How to dynamically change pagination urls in ExtJS?

I have two data grids. The first auto-loads a list of items (json data store). OnCellClick the first grid fires a dynamically parametrized url and loads data into the second grid. It works fine, but the pagination of the second grid does not focus the new context.
What shall I do to make the pagination work with the new url?
hm your pagination and second grid (which is the one to be dynamical) should share the same store, now on cell click you should only reconfigure the store and start loading it.
if you do like this both grid and pagination will work just fine...
i think currently your paginations uses another sotre (another instance or something) but it MUST use the same store as the second grid...
Not sure what you exactly mean with "does not focus the new context", but are you passing the start and limit parameters to the second grid in the params array of the jsonStore.load call?
If you just want to focus the grid on certain row, you can use focusRow method of GridView.
Perhaps you could post a code example if this did not help?

Resources