Hi,
I need to declare module content with absolute css selector, not within the module context. I know there's possibility to define module's base but that's not sufficient for my setup. Let me describe it:
- I have a Page object and it has a grid represented by generic Grid Module
- The Grid can have various column filters of various types: TextInput, calendar or dropdown select.
- Dropdown select is represented by Module as well, so the composition is Page -> Grid Module -> Select Module
- Because of the technology used (SmartGWT) the select item list is represented in the DOM by a table that's created dynamically by activating the control and it is located out of context of the Select HTML subtree.
Solutions I've considered:
- Select Module content defined by absolute css selector in the Select module pointing to this table of select items
- I don't know how to tell $() to operate on global context of the whole page
- Another Module with base representing only the select item list, so the whole composition would be Page -> Grid Module -> Select Module -> Select Items List Module
- The problem is that the base of a Module in a Module is not absolute but it is "contextualized" by higher level of Module composition
- Work this around by declaring the select item list on the Page level and pass it through module constructor parameter down the hierarchy, which is neither elegant nor practical
I have a feeling that I'm missing something fundamental :-)
Anyone having any idea how to solve this issue?
Best regards
Lubomir