ansaurus

Question

Using external javascript code to add effects to a GWT generated page

Answer 1

+1 A:

In such cases I go the other way round - I call a JS function defined in the host page (just wrap what you have in the <script> tags in a function) from my GWT code via JSNI function (usually in onModuleLoad). The JSNI function would look something like this:

public final native void initRico() /*-{
    $wnd.ricoInitFunction();
}-*/;

Oh, and are you sure that $$('div.panelheader') actually gets that element? If you are using UiBinder and define styles in <ui:style> tags, then they will get obfuscated (<ui:style> is converted to a CssResource at compile time). If you want to be sure you are using the right elements, you can easily pass a GWT Widget to your init function - just use the getElement() method:

public final native void initRico(Element e1, Element e2) /*-{
    $wnd.ricoInitFunction(e1, e2);
}-*/;

// The actual call would then look like this:
initRico(widget1.getElement(), widget2.getElement());

Then use those elements in your code:

function ricoInitFunction(e1, e2) {
    Rico.loadModule('Accordion');
    Rico.onLoad( function() {
    new Rico.Accordion( $$(e1), $$(e2),
        {panelHeight:66, hoverClass: 'mdHover', selectedClass: 'mdSelected'});
    });
}

Either way, you shouldn't try to "query" the elements you need, you should keep track of them as Widgets. Use the OO facilities that Java provides - that's one of the main reasons I use GWT :)

Igor Klimer 2010-09-17 12:07:54

THX. Of course, it was a rookie mistake. The problem was as you and pathed noticed. The elements in question weren't created in time of calling the new Accordion(), and therefore weren't added. The style was OK so i didn't need the parametrized function, but anyway thx for a good idea. The final solution was to call the native function to init the accordian after the presenter already added the view to the page.

igorbel 2010-09-17 18:42:23

ansaurus

tags:

views:

answers:

Using external javascript code to add effects to a GWT generated page

related questions