1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    3
    Vote Rating
    0
    dsartory is on a distinguished road

      0  

    Default Using ExtGWT and ExtJS together

    Using ExtGWT and ExtJS together


    Hi everyone -
    I appreciate any advice on this topic and apologize in advance for my lack of clear understanding... I have an app built in Vaadin (GWT) and am debating switching to Ext. Can I use ExtGWT when I convert my existing app, then use ExtJS for all other development and take advantage of the relationship by leveraging any commonality? Or does using ExtGWT and ExtJS leave me in the same boat as using Vaadin and ExtJS eg: no real connection at all?

    Hope that made sense...

    Thank you so much!
    Dave

  2. #2
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    296
    Vote Rating
    62
    Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough

      0  

    Default


    I dont understand. You want to use ExtJS and GXT in the same app ? If yes ? Why s that ? Why mix them ?

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    3
    Vote Rating
    0
    dsartory is on a distinguished road

      0  

    Default


    Hey Ekambos-
    The requirements are internal. We are not mixing by choice... we're trying to salvage substantial work that was done in another GWT based framework and were hoping that by using ExtJS and ExtGWT we could leverage the similarities better. The short version is, can ExtJS and ExtGWT interact in any way BETTER than ExtJS and any other GWT based framework?

  4. #4
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,717
    Vote Rating
    88
    Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light

      0  

    Default


    In short, no, because while Ext GWT code is compiled to Javascript, that code will bear little resemblence to hand written Javascript like Ext JS.

    If you have existing GWT code, you may find it easier to combine that with Ext GWT, as both are written with Java, using GWT. If you try to mix Ext JS and regular GWT (or Ext GWT) you will probably find lots of places you need to write JSNI methods to correctly talk back and forth.

    The similarities are mostly in style, but good coding practice and event wiring for hand written JS tend to be different than for GWT code.

  5. #5
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    The short version is, can ExtJS and ExtGWT interact in any way BETTER than ExtJS and any other GWT based framework?
    You cannot use them on the same page currently. Only ExtJS4 in the sandbox version will work. The problem is the CSS. Although the stylenames are the same, some styling is different and would end in bad behaviours. You would need to fix this first or use the ExtJS4 sandbox version.

  6. #6
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    296
    Vote Rating
    62
    Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough

      0  

    Default


    @Colin
    Well it is actually possible to mix ExtJS and GWT(GXT). And that in a way that s really transparent to the user. We did this by wrapping ExtJS with GWT. We started this for small projects and we now almost have the entire ExtJS 3 and 4 API exported to GWT. We might open source it sometime in the future. We were not just sure if this is a common practice. It looks like yeah Here is a demo :
    http://gwt4extjs4.appspot.com/ . Check the combination example to see a GWT widget inside a ExtJS Panel.

  7. #7
    Sencha User
    Join Date
    Nov 2011
    Posts
    3
    Vote Rating
    0
    dsartory is on a distinguished road

      0  

    Default


    Hi Colin- How intensive a project would "fixing" the CSS be? Is this a reasonable task or a massive effort? I appreciate the advice!

    Dave

  8. #8
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,717
    Vote Rating
    88
    Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light

      0  

    Default


    As Sven mentioned, if using Ext JS 4's 'sandbox' css feature, it shouldn't be an issue at all.

  9. #9
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    57
    Vote Rating
    0
    walkerr is on a distinguished road

      0  

    Default


    This is an old thread I know, but we have a variation on this - a need to mix GWT-Ext (which uses the old ExtJS 2 CSS) and the latest GXT 3.

    Does GXT have a sandbox that would help with this, or will we be into mass CSS hacking?

    Feel free to point me at any other threads which discuss this.

  10. #10
    Sencha Premium Member
    Join Date
    Jul 2007
    Posts
    57
    Vote Rating
    0
    walkerr is on a distinguished road

      0  

    Default


    I think I may have answered my own question on this.

    This link describes how to use Ext GWT 2 and 3 side by side:

    http://developer.sencha.com/news/run...and-3-together

    I'm thinking if that can work, then quite possibly I may not have an issue with an old GWT-Ext version based on ExtJS 2