1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    16
    Vote Rating
    0
    mk.ranjan is on a distinguished road

      0  

    Default Unanswered: Renderung toolbar with json data

    Unanswered: Renderung toolbar with json data


    Am trying to create toolbar with json data, but facing problem in creating submenu items of toolbar.

    I tried using add method and able to display the menus but not able to create the menu items,
    below is my code for toolbar
    Code:
    Ext.define('MenuToolBar', {    extend: 'Ext.toolbar.Toolbar',
        alias: 'widget.menutoolbar',
        requires: [
            'Ext.button.Split',
            'Ext.toolbar.Toolbar'
        ],
        layout: 'hbox',
        
        
          initComponent: function() {
            var me = this;
            
            Ext.create('MenuToolBar', {
                listeners: {
                    load: function(store){
                        me.add(Ext.Array.pluck(store.getRange(), 'data'));
                    },
                    scope: this
                }
            });
            
            me.callParent();
        }
    below is my json data
    Code:
    {    "menulist": [
            {
                "xtype" : 'button',
                "text": "User",
                "action": 'user',
                children:[{
                    "text":'Add me
                    },{
                    "text":'delete me'
                }]
                        
            },
            {
                "xtype" : 'tbseparator'
               
            },
            {
                "xtype" : 'button',
                "action": 'Order',
                "text": "Order",
            }
                      
        ]
    }
    
    
    let me know if any example code available to render Toolbar with menu items using json data

  2. #2
    Sencha User
    Join Date
    Dec 2011
    Posts
    16
    Vote Rating
    0
    mk.ranjan is on a distinguished road

      0  

    Default


    Hi sorry for bothering you guys,,,, I got it resolved just a minute after posting the Q here.

    Here is the solution.... You just need to modify the json data like below:

    Code:
    {    "menulist": [
            {
                "xtype" : 'button',
                "text": "User",
                "action": 'user',
                menu:[{
    		        "text":'Add me
    			    },{
    		        "text":'delete me'
    		    }]
    		            
            },
            {
                "xtype" : 'tbseparator'
               
            },
            {
                "xtype" : 'button',
                "action": 'Order',
                "text": "Order",
            }
          			
        ]
    }

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."