The Calculator in my example above is a GWT Widget ;-) See: 
https://github.com/lofidewanto/gwt-widget-jsinterop/blob/main/src/main/java/com/github/lofi/client/Calculator.java

I made a new example here: 
https://github.com/lofidewanto/gwt-widget-jsinterop

So this doesn't have anything to do with the Calculator in my article ;-) 
Sorry for the name maybe I need to rename it to CalculatorComposite ;-)

As you can see here, I append the Composite into a node in JS (as Element):

var calculator = new Calculator("From JS withwait");
element.appendChild(calculator.getAsElement());

See 
https://github.com/lofidewanto/gwt-widget-jsinterop/blob/main/src/main/java/com/github/lofi/public/testcalculator-withwait.js

Just checkout the example 
https://github.com/lofidewanto/gwt-widget-jsinterop and run it... you'll 
see that I add Widget into the HTML with JS...

Cheers,
Lofi
[email protected] schrieb am Mittwoch, 3. März 2021 um 10:03:56 UTC+1:

> Yes, It could be ok. 
> I will try it later. 
> Thank you. Regards
>
> Thomas Broyer <[email protected]> 于2021年3月3日周三 上午2:36写道:
>
>> I would:
>>
>>    1. create a new *.gwt.xml with a new EntryPoint that won't launch the 
>>    GWT app but instead expose a function (using JsInterop) to "run" your 
>> module
>>    2. that function would use receive an element ID and use 
>>    RootPanel.get(id) to put the GWT UI inside (that's not the only way, but 
>>    definitely the easiest); ideally it would also return a function that you 
>>    would call from Vue at "unmount", but could instead return the RootPanel 
>> so 
>>    it could be passed to another function exposed by the module's 
>> onModuleLoad.
>>    3. the "unmount" callback would simply call 
>>    RootPanel.detachNow(rootPanel)
>>
>> That way, the Vue app could actually load the GWT module immediately, but 
>> then only use it by calling its exposed function when it needs to display 
>> the GWT module; and when it no longer needs it, it should properly "detach" 
>> it.
>>
>> On Tuesday, March 2, 2021 at 5:09:24 AM UTC+1 [email protected] wrote:
>>
>>> For example:
>>>  I have a vue app and classic gwt application,  The gwt application have 
>>> lot of module .
>>> but I only want to one module (eg: A query UI) integration  to my vue 
>>> app using js
>>> How can I done this?
>>> Tks.
>>>
>>>
>>> -- 
>> You received this message because you are subscribed to the Google Groups 
>> "GWT Users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an 
>> email to [email protected].
>>
> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-web-toolkit/b828a4d6-8cec-4b43-a80c-bb1ec1e22250n%40googlegroups.com
>>  
>> <https://groups.google.com/d/msgid/google-web-toolkit/b828a4d6-8cec-4b43-a80c-bb1ec1e22250n%40googlegroups.com?utm_medium=email&utm_source=footer>
>> .
>>
>

-- 
You received this message because you are subscribed to the Google Groups "GWT 
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-web-toolkit/186fceea-f903-4f90-92ac-812569bd99ean%40googlegroups.com.

Reply via email to