Results 1 to 2 of 2

Thread: Problem with menu item template

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

    Default Unanswered: 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}" />',

    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' } }


  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    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!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2

    Think my support is good? Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services

    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.

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