Ext.ux.TouchGridPanel v2.0b1

[mitchellsimoens]

Will look into this. Thanks for the report.

[ksystems]

Is it possible to use this extension without having the dataview scroll (and not having to fix the height)? Essentially I have a fullscreen panel with a vbox layout. It includes a few grids and I need to be able to scroll up and down the entire panel but the current scrolling of the grids breaks this. I did turn the scrolling of of grids but can't find a way to make the dataview set it's own height. Is this possible?

Apologies if this has been mentioned already.

[mitchellsimoens]

Is it possible to use this extension without having the dataview scroll

Just commited a change to the GitHub repo. TO disable scroll:

v

ar grid = {
    xtype : "touchgridpanel",
    ....
    scroll : false //can be false, vertical, horizontal, both
};

About it's own height... all this extension really is is a Panel and a DataView so it theory it should be able to adhere to any layout and if you specify it's height.

[venumobile]

Hi Mitchell,

I have an app where there's a grid view loaded in a panel, and there's a selection box where the user can choose which view they want. A new selection brings up an entirely different grid - different column model, different store, etc.

What do you think would be the best way to handle this, performance wise? I don't want to have to pre-load all of the grids ahead of time if the user never wants to see most of them. Is it possible to dynamically change the colModel and store on the same grid? Or should I remove the grid component and add a new one to the panel each time?

[mitchellsimoens]

I think the easiest way to do it is just remove old and add new grid. That being said you can show/hide columns. The underlying DataView's bindStore method would have to be executed. May need to add a function to the grid panel to do this but you can do it this way:

var dataview = grid.dataview;
dataview.bindStore(store);

To show/hide a column, you do this:

grid.toggleColumn(column index);

[venumobile]

Thank you Mitchell! I'll give both ways a shot and see if it makes any difference to performance.

[mitchellsimoens]

Thank you Mitchell! I'll give both ways a shot and see if it makes any difference to performance.

Let me know how it goes ok? Also if there is anything I can do to help in your app.

[venumobile]

Also, how would I trigger an event based on tapping an individual cell rather than a whole row?

[mitchellsimoens]

Right now it bubbles beforeselect, containertap, itemdoubletap, itemswipe, itemtap, selectionchange events from the DataView.

If you drill down to a cell, you will see what CSS rules are applied. Based on this you can use the delegate option to specify certain cells. Or, you can check to see if the el in the itemtap event has a certain CSS rule.

[lilford.immanuel]

Hey guys,
I have been trying to add this grid to a canvas in a Carousel but m not able to..
Pls share if anyone has got it there before..
Any help would be appreciated..
Lilford