Hybrid View

  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Answers
    1
    Vote Rating
    0
    Lapidus is on a distinguished road

      0  

    Default Answered: Extra button in NestedList title bar

    Answered: Extra button in NestedList title bar


    Hi,

    Simple question: How can I add an extra button in the titlebar of a nestedlist?

    Schermafbeelding 2012-04-17 om 15.06.25.JPG

    Thx!

  2. Allright,

    found the solution myself. Here it is:

    Code:
    new Ext.NestedList(({
         fullscreen: true,
         toolbar: {
              items: [{xtype: 'spacer'}, MVCChinTok.views.CartBtn]
         },
         title: 'Chintok',

  3. #2
    Sencha User
    Join Date
    Apr 2012
    Posts
    2
    Answers
    1
    Vote Rating
    0
    Lapidus is on a distinguished road

      0  

    Default


    Allright,

    found the solution myself. Here it is:

    Code:
    new Ext.NestedList(({
         fullscreen: true,
         toolbar: {
              items: [{xtype: 'spacer'}, MVCChinTok.views.CartBtn]
         },
         title: 'Chintok',

  4. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    1
    Vote Rating
    0
    as00paf is on a distinguished road

      0  

    Default How to do it in Sencha 2

    How to do it in Sencha 2


    Hey, I would like to do the same thing but in Sencha Touch 2 with the custom button aligned to the right. Anyone knows how ?

  5. #4
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    61
    Answers
    3
    Vote Rating
    0
    dishwashwebdesign is on a distinguished road

      0  

    Default


    Did you manage to get a solution for Sencha Touch 2?
    the toolbar config in the nestedlist seems to work, but how to only display the button on the final card and right aligned?

    Thanks...

  6. #5
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    61
    Answers
    3
    Vote Rating
    0
    dishwashwebdesign is on a distinguished road

      0  

    Default


    ok just did it pretty straight forward actually:
    Code:
    Ext.define('myapp.view.Stock', {
        extend: 'Ext.dataview.NestedList',
        xtype: 'xtype-stock',
        config: {  
            store: 'mystore',
            loadingText: 'Loading...',
            title: 'Stock',
            detailCard: {
            	xtype: 'xtype-item',
            },
            toolbar: {
    	          items: [{text: 'Add item', ui: 'round', id:'btnToolbarItemAdd', align: 'right'}]
    	    },
    hope this helps anyone else in misery