Results 1 to 3 of 3

Thread: Any expert can tell me about the ExtJS5.1 and SA3.2 multi build solution ? :)

  1. #1
    Sencha User
    Join Date
    May 2011
    Location
    Auckland
    Posts
    45
    Answers
    1

    Default Any expert can tell me about the ExtJS5.1 and SA3.2 multi build solution ? :)

    Hi guys, we use SA3.0 and SA3.1 to develop over 20 Touch projects, we always use "Ext.app.Profile" to build different UI for Tablet and Phone device. Now we upgrade to SA3.2 and know that ExtJS5.1( sencha CMD 5 ) also can build for different target( Desktop, Phone, Tablet ), then we try.

    But the point is: Seems use ExtJS 5.1 ( Ext.app.Profile ) to build the project, the app.js size is supper big !!!( only use 3 Ext Containers for each profile, just a the demo, nothing else, the production version app.js already 1.1MB ), in the past our very complex Touch project app.js size NEVER over 800KB.

    The purpose we want to use SA3.2 ExtJS5.1 Project is that: we build a new project for client which the app will cross over Desktop/Phone/Tablet, and we "try" do that in ONE project and build for different target, is sound very convenient, but now the "whole solution app.js" size not acceptable....

    And I read the SenchaCMD5 new feature, there is a "builds" option in app.json file, but ...the API document only show the case for building different themes...can it build for different target ? ( mean "Desktop version app.js", "Phone version app.js" and "Tablet version app.js", each of them ONLY compile the views/models/controllers belongs to specified profile !!! )

    Is any one can give us a better solution or suggestion on this purpose ? We're look forward to listen it

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    792
    Answers
    1

    Default

    Hi wisonye,

    A doubt with ExtJS5.1( sencha CMD 5 ) can you build app for phone too?, I was thinking only for table and
    desktop and for mobile sencha touch, can you please tell me about how built app for phone with extjs5.1,

    thanks

    regards
    Frank

    In sencha touch from architect i was using this idea:

    Code:
    var isPhone = Ext.os.is.Phone;
    var isTablet = Ext.os.is.Tablet;
    
    if (isTablet){
        Ext.create('profiles.view.MainView_Tablet', {fullscreen: true});
    }
    else
    if (isPhone)
    {
        Ext.create('profiles.view.MainTabPanel_Phone',{fullscreen: true});
    }

  3. #3
    Sencha User
    Join Date
    May 2011
    Location
    Auckland
    Posts
    45
    Answers
    1

    Default

    Quote Originally Posted by franklt69 View Post
    Hi wisonye,

    A doubt with ExtJS5.1( sencha CMD 5 ) can you build app for phone too?, I was thinking only for table and
    desktop and for mobile sencha touch, can you please tell me about how built app for phone with extjs5.1,

    thanks

    regards
    Frank

    In sencha touch from architect i was using this idea:

    Code:
    var isPhone = Ext.os.is.Phone;
    var isTablet = Ext.os.is.Tablet;
    
    if (isTablet){
        Ext.create('profiles.view.MainView_Tablet', {fullscreen: true});
    }
    else
    if (isPhone)
    {
        Ext.create('profiles.view.MainTabPanel_Phone',{fullscreen: true});
    }

    ...Actually I thought you will give me the answer for my question...

    K, for your question, why not? Ext JS 5.1 already support Ext.app.Profile( which the same thing from Sencha Touch ), you already know how to "detect" tablet, then should know the phone as well Ext JS 5 merge the gesture for touch device( if work on Tablet( Pad device ), then must be work on Phone, same thing, right : ), here is my example:

    Phone.js:

    Screen Shot 2015-03-06 at 17.59.39.jpg

    App.js :

    Screen Shot 2015-03-06 at 18.00.01.jpg

    Run :

    Screen Shot 2015-03-06 at 18.00.28.jpg

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •