Hi Gabe,* *To make the div clickable, simply add the respond attribute, such as *
* respond:["click"] to the div UI object. If the class is changing, is there any pattern there? For example, could you use a partial matching? You can try to use group for both the div and the table inside it. Once the table is located, you should be able to locate the div. Right now, the group locating is not so sophisticated and that is also the reason we want to move the group locating to the Engine side so that we can use pattern matching algorithm to exploit more information in the DOM tree. * *Nicolae Vintila discussed with me some time ago about adding support Ext2JS, but I don't think he started it because we want to refactor the Widget architecture in 0.7.0. As always, time is our enemy, I am overflowed with a lot of other tasks. You are welcome to add support for Ext2JS and we can discuss more details as you move forward. Thanks, Jian On Mon, Aug 10, 2009 at 4:47 PM, Gabriel Johnson <[email protected]>wrote: > Hi, > > I have the following html generated by Ext: > > <div id="ext-gen574" class="x-grid3-body"> <div class="x-grid3-row > x-grid3-row-first" style="width: 566px;"> //this is the one i > want <-- > <table class="x-grid3-row-table" cellspacing="0" cellpadding="0" border="0 > " style="width: 566px;"> > <tbody> > <tr> > <td class="x-grid3-col x-grid3-cell x-grid3-td-0 x-grid3-cell-first" > tabindex="0" style="width: 352px;"> > <div class="x-grid3-cell-inner x-grid3-col-0" unselectable="on">Alabama > Water Science Center</div> > </td> > <td class="x-grid3-col x-grid3-cell x-grid3-td-1" tabindex="0" style="width: > 92px;"> > <div class="x-grid3-cell-inner x-grid3-col-1" unselectable="on">Montgomery > </div> > </td> > <td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last" > tabindex="0" style="width: 116px;"> > <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">Alabama</ > div> > </td> > </tr> > </tbody> > </table> > </div> > <div class="x-grid3-row x-grid3-row-alt" style="width: 566px;"> > <table class="x-grid3-row-table" cellspacing="0" cellpadding="0" border="0 > " style="width: 566px;"> > <tbody> > <tr> > <td class="x-grid3-col x-grid3-cell x-grid3-td-0 x-grid3-cell-first" > tabindex="0" style="width: 352px;"> > <div class="x-grid3-cell-inner x-grid3-col-0" unselectable="on">Alaska > Science Center</div> > </td> > <td class="x-grid3-col x-grid3-cell x-grid3-td-1" tabindex="0" style="width: > 92px;"> > <div class="x-grid3-cell-inner x-grid3-col-1" unselectable="on">Anchorage > </div> > </td> > <td class="x-grid3-col x-grid3-cell x-grid3-td-2 x-grid3-cell-last" > tabindex="0" style="width: 116px;"> > <div class="x-grid3-cell-inner x-grid3-col-2" unselectable="on">Alaska</ > div> > </td> > </tr> > </tbody> > </table> > </div> > </div> > > I'm trying to select the div w/ class: "x-grid3-row x-grid3-row-first" but > must use values in the child nodes to locate it. There doesn't seem to be a > module that uses grouping and is also clickable. Another issue is that the > div element I want to use has dynamically a changing class attribute. > > I'd greatly appreciated any assistance, > > Gabe > > p.s. - Is anyone currently working on the Ext JS extention? We're using a > lot of Ext on this project and I may be able to contribute some widgets but > didn't want to start writing them b/f finding out if someone is already on > it. > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "tellurium-users" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/tellurium-users?hl=en -~----------~----~----~----~------~----~------~--~---
