Results 1 to 3 of 3

Thread: [Ext.create] Unrecognized class name / alias: Ext.ux.ProgressBarPager

  1. #1

    Default Answered: [Ext.create] Unrecognized class name / alias: Ext.ux.ProgressBarPager

    Hi,

    I have a grid in my application and i want to add plugin for displaying a progress bar inside of a paging toolbar instead of plain text.

    My java script class is as below,
    Code:
    Ext.define('MyApp.config.Runtime', {
        alias: 'widget.AppConstants',
        config: {
            pageSize: 15,// Use property instead of global variables 
            pagingProgressBarObj: Ext.create('Ext.ux.ProgressBarPager')
        },
        constructor: function (options) {
            this.initConfig(options);
        }
    });


    While executing command sencha app build working fine. Also while executing command sencha app refresh working fine. (NO any exception in command execution)

    But while debugging application URL in Firefox system showing error in console as


    XML Parsing Error: no root element found
    Location: http://192.168.0.72:8081/DeskeraLoya...=1529469616426
    Line Number 1, Column 1: ProgressBarPager.js:1:1
    [Show/hide message details.] Error: [Ext.create] Unrecognized class name / alias: Ext.ux.ProgressBarPager ext-all-rtl-debug.js:8198:13


    Please help me how can i resolve this error.

    Thanks and regards,
    Manoj Manikrao Sawant.

  2. This approach with config class is strange at least to me. I would not create an instance of ProgressBarPager in class definition!

    Did you include UX package in your app.json?
    Code:
     "requires": [
            "ux"
          ],
    Did you include this plugin instance on the plugins list in paging toolbar?
    I have added that here in docked items of the grid (its quick and dirty and has messed up layout etc but gives you an idea)
    https://fiddle.sencha.com/#fiddle/2ic0&view/editor

    You should also add require on 'Ext.ux.ProgressBarPager' in your grid

    Mike

  3. #2

    Default

    This approach with config class is strange at least to me. I would not create an instance of ProgressBarPager in class definition!

    Did you include UX package in your app.json?
    Code:
     "requires": [
            "ux"
          ],
    Did you include this plugin instance on the plugins list in paging toolbar?
    I have added that here in docked items of the grid (its quick and dirty and has messed up layout etc but gives you an idea)
    https://fiddle.sencha.com/#fiddle/2ic0&view/editor

    You should also add require on 'Ext.ux.ProgressBarPager' in your grid

    Mike

  4. #3

    Default

    Thank you very much maciej.zabielski,

    Your suggested solution worked for me. Now application is working fine after adding ux package in requires array in app.json file.

    Thank you very much.





    Thanks and Regards,
    Manoj Manikrao Sawant
    Senior Deskera Platform Engineer,
    Krawler (Deskera), Pune, Maharashtra - 411006.
    Mob No. - 965 758 5938.



Similar Threads

  1. Unrecognized class name / alias: series.pie
    By m.houldridge in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 11 May 2016, 12:18 PM
  2. Unrecognized class name / alias: widget.cartesian
    By puneetgarg0035 in forum Ext 5: Q&A
    Replies: 1
    Last Post: 11 Jun 2014, 5:04 AM
  3. Replies: 4
    Last Post: 6 May 2014, 1:25 PM
  4. Cannot create an instance of unrecognized alias:
    By muddsg in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 4 Aug 2012, 7:15 PM

Posting Permissions

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