Results 1 to 6 of 6

Thread: Upgrade Issue

  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    17

    Default Upgrade Issue

    I tried to upgrade my app currently using 4.1.1a to 5.0. I am not using sencha cmd, so I enable compatibility with below code in my index.html,

    Code:
    <script type="text/javascript">
            var Ext = Ext || {};
            Ext.manifest = { 
                compatibility: {
                    ext: '4.1'
                }
            }
    </script>
    Then I include the extjs css and framework in the the same html,
    Code:
    <link rel="stylesheet" type="text/css" href="ext/packages/ext-theme-classic/build/resources/ext-theme-classic-all.css">
    <script src="ext/build/ext-all-debug.js" type="text/javascript"></script>
    The ext folder contains the extjs5 framework and the above mentioned classes.

    Assuming everything mentioned above is enough for the app to use ExtJS 5 framework. I start getting errors and console messages. My question is how do I find replacements for the classes that have been removed and errors are being thrown. Is there any documentation available for this OR do I need to figure them out through APIs. Example for removals in Ext.draw.Text , Ext.data.validations.

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,451
    Answers
    3997

    Default

    Ext.draw.* and Ext.chart.* classes have been moved to the ext-charts Cmd package, they are not within the src directory nor the build files like ext-all.js.

    If you are using Cmd, you don't need to include the CSS file for the theme, you just need to set what theme you want in app.json and run "sencha app build" command and it will build your CSS for you.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    17

    Default

    And what if I am not using cmd ? Do we have a list of all changes that have been made in classes restructuring so that we can have a reference to look at ?

  4. #4
    Sencha Premium User
    Join Date
    Mar 2011
    Posts
    287
    Answers
    35

    Default

    I believe the Ext 5.0 zip contains a build/packages folder for 'built' versions of the packages if not using Cmd.

    The charts debug package would be located in:
    ext-5.0.0\build\packages\ext-charts\build\ext-charts-debug.js

  5. #5
    Sencha User
    Join Date
    Aug 2013
    Posts
    46

    Default

    yeah I am also trying to upgrade my Existing Ext js4.2 app to 5.1

    Below is i have specified in my index.html.

    ----------------------------------------

    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">

    <!-- <x-bootstrap> -->
    <link rel="stylesheet" href="bootstrap.css">
    <script src="../ext-5.1.1/build/ext-all-debug.js"></script>
    <script src="bootstrap.js"></script>
    <!-- </x-bootstrap> -->
    <script type="text/javascript">
    var Ext = Ext || {};
    Ext.manifest = {
    compatibility: {
    ext: '4.2'
    }
    }
    </script>
    <link rel="stylesheet" href="../../../styles/ext-theme-xyz.css">
    <link rel="stylesheet" href="../../../styles/desktopSpecifc.css">
    <script src="app/app.js"></script>

    ----------------------------


    And once i run my project i am getting console error

    Uncaught Error: [Ext.createByAlias] Unrecognized alias: data.field.AModelName

    I am not using Sench cmd for upgradation purpose. Am i missing something ? Please suggest

  6. #6
    Sencha User
    Join Date
    Aug 2013
    Posts
    46

    Default

    Just update to my prior issue : The file for which it is showing File not Found (404) is a model file that is getting used as code text pair .

    ------------------------------------
    Ext.define('MyApp.model.CodeTextPair', {
    extend: 'Ext.data.Model',


    fields: [
    {
    name: 'Code',
    type: 'string'
    },
    {
    name: 'Text',
    type: 'string'
    }
    ]
    });
    ----------------------------------

    and this model i am using in various static store implementations (Ex-Combobox). Any suggestions on this ?

Tags for this Thread

Posting Permissions

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