How to assign a array to grid in extjs - 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.

Related

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

I want to develop kendo UI listview with endless scroll . Can anyone suggeset me the references

I want to develop Kendo UI List view with endless scroll, please suggest me the solutions. or references
First, take the pagesize off your datasource. Second, don't use a pager control. Here is an example:
http://dojo.telerik.com/OLUFA
See the api here.

Defer TabPanel rendering sencha touch 2

I'm working on a big application, with tabpanel containing 5 tabs.
I would like to defer the render of the not active first tab, to speed up the loading of the application.
I've seen on Ext JS that there is an attribute deferRender, but it does not exist in sencha touch.
Problems is that sencha load all the image in the others panel causing delay in loading.
Someboy know any fix ?
Thank you
Based on this question: items not loading in sencha touch 2
I made the following fiddle. Take a look, it briefly shows how it might be done: https://fiddle.sencha.com/#fiddle/k2j

Capture clicks on a Sencha chart label

Since I'm updating my application from Ext JS 4.2.1 to Ext JS 5.1, I took the chance to upgrade my old charts to the shiny new sencha charts. I've been trying to set up an interactable stacked bar chart that looks like this
Users should be able to click on the bars or on the labels on the left to check out the details.
I've managed to capture mouse events on the chart bars (using the chartitemevents plugin), but I'm stuck trying to capture click events on the labels.
I've tried using the spriteevents plugin on the chart, but on 5.1 it simply doesn't work, and it's broken on the 5.1.1 nightly builds (you always get the background sprite no matter what). Even if it did work, getting the correct sprite would only get me halfway there as I would have no clue about which series does that label belong to.
Here's a fiddle with an example of the situation: https://fiddle.sencha.com/#fiddle/hjm
Does anyone know of a way to do this?
As and added bonus, it would be great if it was possible to capture onmouseover and onmouseout events too, so I could change the cursor to pointer whenever a label is hovered.
i just created a plugin for axis click: Sencha Forums
Ask me anything if the plugin usage is not clear.

Using Multi select grid sencha ext js 4.1

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.

Resources