1. #1
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,616
    Vote Rating
    327
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default autoEl Array Problem

    autoEl Array Problem


    A backwards-compatibility issue I ran into. My code was wrong but it might help someone else...

    I had something like this and it worked fine in 4.0.7:

    Code:
    Ext.create('Ext.Component', {
        renderTo: Ext.getBody(),
    
        autoEl: [{
            cn: [{}, {}, {}, {}]
        }]
    });
    Doing the same with 4.1.0-beta-1 generates some totally nonsense HTML.

    The mistake is that my autoEl is an array. Get rid of the brackets and it works fine.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    871
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Bad skirtle! Docs do say String/Object
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,616
    Vote Rating
    327
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Chastise away. I hate it when I make mistakes. I intend to spend my evening self-flagellating as a penitence. It's the only way I'll learn...

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    871
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I will tease you I've made my fair share and then 100 other's share of mistakes. I'm just having some fun with you
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Nov 2010
    Posts
    46
    Vote Rating
    0
    paipai is on a distinguished road

      0  

    Default


    And what about that ?
    Works fine in 4.0.7:

    Code:
    this.autoEl = {
                tag: 'span',
                cls: this.cls                                    // set the css class
            }
    In 4.1 beta it gives me :
    Code:
    <span cls style=" ....
    In 4.0.7 :
    Code:
    <span class="myclass" style="...

  6. #6
    Sencha User
    Join Date
    Nov 2010
    Posts
    46
    Vote Rating
    0
    paipai is on a distinguished road

      0  

    Default


    It seems to work better like this:

    this.autoEl = { tag: 'span' }
    My app is still not availble with this release. Lot of fix to done.

  7. #7
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,616
    Vote Rating
    327
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    I had a play with this. I could only get it to go wrong if I set cls to null:

    Code:
    Ext.create('Ext.Component', {
        renderTo: Ext.getBody(),
    
        autoEl: {
            cls: null,
            tag: 'span'
        }
    });
    For other values, including undefined, it works as expected. Are you able to produce a test case to reproduce what you've observed with a non-null value?

    What worries me more is that if I do this:

    Code:
    Ext.create('Ext.Component', {
        renderTo: Ext.getBody(),
    
        autoEl: {
            cls: 'myclass',
            tag: 'span'
        }
    });
    ExtJS 4.0.7 gives me this:

    Code:
    <span class="myclass x-component x-component-default" id="component-1014" role="presentation"></span>
    whereas 4.1.0-beta-1 gives me this:

    Code:
    <span id="component-1014" class="myclass"></span>

  8. #8
    Sencha User
    Join Date
    Nov 2010
    Posts
    46
    Vote Rating
    0
    paipai is on a distinguished road

      0  

    Default


    Im my case there was a cls property in my component:

    Code:
    Ext.create('Ext.Component', {
        renderTo: Ext.getBody(),
    
        cls: 'myclass', 
    
        constructor: function(config) {
    ...
              autoEl = {
                   cls: this.class,
                   tag: 'span'
              }
    ...
        }
    });

  9. #9
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,616
    Vote Rating
    327
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Could you give a complete test case? Some JS I can drop into an HTML page and see the problem?

Thread Participants: 2