Using Multi select grid sencha ext js 4.1 - extjs

I am new to Sencha. In one of my projects I have to use a Multiselect Grid Panel and update the store to and from the Grid. I have no clue as to how to achieve this.
I will highly appreciate if someone can send me their sample code or even links that display the usage of Multiselect grids. I found a few but unfortunately those links dont use Ext JS 4.1.
Thanks guys

First, have a look at the API docs:
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.selection.RowModel-cfg-mode
http://docs.sencha.com/ext-js/4-1/#!/example
Then look at the infinite grid example:
http://docs.sencha.com/ext-js/4-1/#!/example/grid/infinite-scroll.html
Oddly enough, this example uses an undocumented "multiSelect" config on the grid... but it could have been defined on the selection model per the API docs.

Related

Is there any way to make <TabbedShowLayout> as a editable view?

We have a requirement where we have to use edit view in place of show view in tabbed show layout, something like below image.
In react-admin documentation is it clearly stated that The Show view displays a record fetched from the API in a read-only fashion
Need suggestions to achieve this.
Gone through several react-admin documentation did not find any relevant solution.
It was there in documentation
Achieved it using <TabbedForm>
document

Extjs 6.2. GridPanel with colSpan in renderer

I'm using Extjs Widgets in workflow based application to create a WebApplication.
Now I'm trying to get a Grid with x rows, and underneath each row there could be several rows which should have colSpan.
Because of using these widget I'm not able to change config on the grid itself. So I tried to use the renderer.
Has someone an idea, how to make this possible?
Here is my fiddle
Thanks in advance

vaadin grid in polymer, Adding an expandable details row

There is a vaadin video explaining how to add expandable details to a vaadin grid.
I was looking for the same example, but using POLYMER.
https://www.youtube.com/watch?v=MAyszSRzcDg&feature=youtu.be
Is there an example like this anywhere?
That video is for the Polymer element, 1.x
If you need help with vaadin-grid 2.0, it works a bit differently.

Extjs notification popup with Sencha Architect

I want to create a notification drop down menu like the one on Facebook. I'm getting data using signalR.
For the design, I couldn't find a perfect control. I tried using menu dropdown but it does not look good. Can anyone suggest or give me a sample code for notification drop down using Sencha Architect?
I want it to look similar to this:
You could use the "showBy" method to show the panel below the button, here's the fiddle: https://fiddle.sencha.com/#fiddle/19cc
"showBy" details here: http://docs.sencha.com/extjs/6.0/6.0.2-classic/#!/api/Ext.Component-method-showBy

How to assign a array to grid in extjs

My extjs grid will be refresh after a few seconds with data loaded from server (thru jQuery). I am new to extjs. Please show me how to do that.
Thanks.
Ext comes with a lot of examples you'd be better off looking through those, especially the grid and ajax ones.

Resources