Page 1 of 1

Highlighting a row on tap

Posted: Wed Aug 28, 2013 5:22 am
by jeanmanuel
Hello, i'm trying to have a row highlighted when a user select it. How could I do this, would you have an example?
Thanks
jean-Manuel

Re: Highlighting a row on tap

Posted: Wed Aug 28, 2013 7:13 am
by mats
Currently this is not supported, but it's on our roadmap. Based on the params you receive:

http://www.bryntum.com/docs/ubergrid/#! ... ent-rowtap

you can get the row element (use Firebug to see the DOM structure) and do e.getTarget('.ubergrid-row') and simply add a CSS class on it.

Re: Highlighting a row on tap

Posted: Fri Sep 06, 2013 9:10 pm
by osolano
I would also like to request this feature.

The ability to either highlight a row or include a radio button would be perfect for me.

Re: Highlighting a row on tap

Posted: Fri Sep 06, 2013 11:16 pm
by osolano
mats,

Could you explain how to get the target element? Looking at the event, there is no parameter that will help get the specific row dom. It only has row and cell index data.

Re: Highlighting a row on tap

Posted: Sun Sep 08, 2013 5:10 pm
by mats
You have the DOM 'event' so you can ask for its target. http://docs.sencha.com/touch/2.2.1/#!/a ... -getTarget

Re: Highlighting a row on tap

Posted: Fri Sep 13, 2013 5:03 pm
by osolano
Thanks mats,

This helped and worked for me. Similar to this idea, any thoughts on how to implement a checkbox to the list?
I was thinking about adding an additional column that would turn on or off a checkbox when clicked and would probably like to use the sencha checkbox image.

Any thoughts?

Re: Highlighting a row on tap

Posted: Mon Sep 16, 2013 7:51 am
by nickolay
Create a boolean field in the model and a renderer, that can render a checkbox in 2 states. Depending from the state (checked/unchecked) add an according css class to the cell. In the "tap" handler update the boolean field value - row will be refreshed.