Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    May 2012
    Posts
    34
    Vote Rating
    0
    pashute is an unknown quantity at this point

      0  

    Default Missing documentation on xtype itemId ID alias userClassName and other identification

    Missing documentation on xtype itemId ID alias userClassName and other identification


    Better documentation is needed for xtype
    and other id's in order to make it clear for all developers.

    If it exists, link to it from the various products
    --Sencha 2 Touch and Architect lack it.

    We need to understand xtype and various id configurations
    for controllers, data (store model proxy etc), and view components.

    The following are identifications that need clarification:
    • xtype - and which of the following tags will define it:
    • id
    • itemId
    • UserClassName
    • Alias
    • Tab text (in case of an internal tab)
    • StoreName
    • other identifications? You know better than me... did I forget something
    Please include:
    • what their typical uses are. Once defined, how do we typically use them and what effect do they have on the code.
    • which of the above will set the xtype
    • how and where we can use that xtype (different levels of embedded hierarchy)
      • a few examples of usage
      • how to implement those examples in Architect 2
    • and what the typical or recommended settings should be.
    • Also, what the effect will be on Architect 2 object names in the design view.
      • In the case of embedded elements
      • In the case of linked elements
      • In the case of standalone elements (top level)
      • For controllers, data (store model proxy etc), and view components
    It would be good to have a tiny example of typical setting and usage for each of them
    But also a FAQ with all of the above in one place could help clarify these.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    899
    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  
    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 User
    Join Date
    May 2012
    Posts
    34
    Vote Rating
    0
    pashute is an unknown quantity at this point

      0  

    Default


    OK, I'll spend some time, hopefully today, and post the faq here.

    Its really confusing.

  4. #4
    Sencha User
    Join Date
    May 2012
    Posts
    34
    Vote Rating
    0
    pashute is an unknown quantity at this point

      0  

    Default


    Work in progress

    Summary
    xtype: type of object - cannot be changed in default objects
    can be changed with alias keyword - for extended (user made) objects
    if no alias given has parent xtype.

    Used during creation of object - advantage: created and deleted only when used and needed.



    Details

    xtype: full documentation [here]. Usage:
    a. Used in the creation process. You'll see it in the config file (in Architect when you view Code)
    Code:
     
    items:[{
          xtype:'button',      
          text:'OK'}]};
    


    b. In the creation process of an extended object, by using the Alias keyword:

    Code:
    Ext.define('PressMeButton',
    {    
        extend:'Ext.button.Button',
        alias:'widget.pressmebutton',    
        text:'Press Me'})