Results 1 to 2 of 2

Thread: Problem with menu item template

  1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    1
    Vote Rating
    0
      0  

    Default Problem with menu item template

    Hi Sencha & The Community!


    I am applying a template to menu items in ExtJs 4.1, and it seems that there is a bug for this feature, because the same code is working for ExtJs 3.4 version.
    In ExtJs 4.1 a template is not applied at all, when I am providing 'tpl' and 'data' properties. It works only for 'renderTpl' and 'renderData', however mouse over selection and highlighting do not work.
    In ExtJs 4.0 a template is applied for both 'tpl' with 'data' and 'renderTpl' with 'renderData' properties, but again without mouse over selection and highlighting.


    The code is following.


    var template = new Ext.XTemplate([
    '<img class="x-menu-item-icon {icon}" />',
    '<b>{label1}</b>',
    '<br/>{label2}'
    ]);


    toolbar.add(
    {
    text: 'Test Menu',
    menu: {
    items: [
    { xtype: 'menuitem', tpl: template, data: { icon: 'edit', label1: 'Primary 1', label2: 'Secondary 1' } },
    { xtype: 'menuitem', tpl: template, data: { icon: 'edit', label1: 'Primary 2', label2: 'Secondary 2' } }
    ]
    }
    }
    );


    Thanks,
    Anahit.

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    This is because a menu item uses the text config not the html which the data/tpl will update the html but since that is not used anywhere it will not display it.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

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
  •