Extra button in NestedList title bar

Hi,

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

Attachment 34122

Thx!

Allright,

found the solution myself. Here it is:

Code:

---

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

---

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 ?

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...

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 :)