Ext.ux.TouchGridPanel v2.0b1

[mitchellsimoens]

Some of you have noticed that I just pushed some changes to GitHub. Changes:

• Added getView method to return the underlying DataView (notice how ExtJS4 is using DataView now too?)
• Added bindStore method to bind a Store to the underlying DataView
• Added getStore method to get the Store of the underlying DataView
• Added getRow method to get the row node (not Element) based on passed index OR Record
• Adds/removes "x-grid-row-dirty" CSS to each row if the corresponding Record is marked dirty or not
• Adds/removes "x-grid-cell-dirty" CSS to each cell if the corresponding Record is marked dirty or not

I need to write up another forum post for a plugin I have made real quick for this grid panel. Editable?

[mitchellsimoens]

Just an FYI if you want to make Ext.ux.TouchGridPanel editable. I plan to improve this plugin, hence the 0.1 version.

http://www.sencha.com/forum/showthre...ridEditor-v0.1

[squarefan]

Hi,

thanks for dramatically improving on the extension. works really fantastic now. I wanted to ask if its possible to somehow highlight a complete row in the grid checking for a value - is this possible via the renderer or style?

cheers,
Alex

[Nicodemuz]

Hi,

thanks for dramatically improving on the extension. works really fantastic now. I wanted to ask if its possible to somehow highlight a complete row in the grid checking for a value - is this possible via the renderer or style?

cheers,
Alex

I actually have the same feature request! I would like to assign a specific CSS class to certain rows that have a value X in store, but I'm not showing this value (column) in the TouchGridPanel.

Hopefully that made any sense. Is there any way this could be done easily?

[squarefan]

Hi,

how can I use the itemtap feature? I not that familiar with bubbleEvents... would somebody maybe have an example?

cheers,
Alex

[mitchellsimoens]

Currently, DataView does not support changing CSS or styles based on value. That being said, I will look into it!

About bubbleEvents.. what that does is when one of the events in the bubbleEvents array is fired, the DataView will fire that event on the Panel aswell. So to take advantage of the itemtap event from the DataView, you can do this:

new Ext.ux.TouchGridPanel({
    ....
    listeners : {
        itemtap: function(dataview, index, el, e) {}
    }
});

[mitchellsimoens]

You can change the style a cell. There is a parent CSS selector that you may be able to use

http://www.google.com/#q=css%20parent

[squarefan]

Hi,

thanks, events work now without problems too. Do you know if there is a possibility to make the grid "aware" of a bottom tab. Currently when you have the grid in a bottom tab the is not seen as a border but the grid is behind it which makes it sometimes counter intuitive to scroll more up.

Plugin is really amazing and works very very good in version 2.0. Thank you so much again for your effort!

cheers,
Alex

[medianueva]

Is there any way to disabling sorting?

I was thinking there must be a way to override the event handler for it, but I haven't been able to figure it out.

Any suggestions?

[mitchellsimoens]

You can override the handleHeaderClick method to just do nothing. All that function does is sort the Store and toggle the arrow