;-) Thanks, I'll try...
Cheers, Lofi [email protected] schrieb am Mittwoch, 3. März 2021 um 10:24:07 UTC+1: > Oh. Tks. > I see it. > Awesome project, You should publish a article for this knowledge. > > > > [email protected] <[email protected]> 于2021年3月3日周三 下午5:11写道： > >> 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 >> >> <https://groups.google.com/d/msgid/google-web-toolkit/186fceea-f903-4f90-92ac-812569bd99ean%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/9145da7b-edac-46c3-af49-42544425b19an%40googlegroups.com.
