[RESOLVED] List Class,how to give a Title?

[grubby69]

Hi,
I am really new to Touch and I am try to test some example and do some training.
I have a problem that I cannot understand: How can I give a TITLE to my List object?
I have try but the title isn't rendered...
I haven't seen a title config property in the Api doc,so I have this question...

Could someone give me some idea?!?

Thanks a lot


8-|

[grubby69]

Sorry....:">
I am really new at Touch and I have resolved my problem using a Panel and adding a 3 Dockitems ,one toolbar at top with TITLE and one at bottom with buttons,and the list in the middle so it can slide under the panel when pulled.

Solved.

[mitchellsimoens]

That's the way to do it. Just one question, you say you added 3 dockedItems... did you mean you added 2 dockedItems (toolbars) and then the List as an item of the Panel?

[grubby69]

Hi!!!:)

I have done in this way :


var panel = new Ext.Panel({
fullscreen: true,

dockedItems: [
{
dock : 'top',
xtype: 'toolbar',
title: 'ToDOList'
},
{
dock : 'left',
xtype: 'list',
id: 'listId',

/*listeners: {
el: {
//tap: myHandler2,
doubletap: myHandler1,
delegate: 'div'
}
},*/


itemTpl : mytemplate,
store: store


},
{
dock : 'bottom',
xtype: 'toolbar',
id: 'bottomtbId',
ui : 'light',
items: [
{
text: 'Nuovo'
},
{
text: 'Aggiungi',
id: 'addbtnId',
hidden: true
},
{
text: 'Modifica',
id: 'modbtnId',
hidden: true
},
{
text: 'Cancella',
id: 'canbtnId',
hidden: true
}
]
}
],

});




I think there are other ways but I am trying this for now...

Bye

[mitchellsimoens]

I suggest this:


var panel = new Ext.Panel({
fullscreen : true,
layout : 'fit',

items : [
{
xtype : 'list',
itemTpl : mytemplate,
store : store
}
],

dockedItems : [
{
dock : 'top',
xtype : 'toolbar',
title : 'ToDOList'
},
{
dock : 'bottom',
xtype : 'toolbar',
ui : 'light',
items : [
{
text : 'Nuovo'
},
{
text : 'Aggiungi',
hidden : true
},
{
text : 'Modifica',
hidden : true
},
{
text : 'Cancella',
hidden : true
}
]
}
]
});

[grubby69]

Yes!!!
this is the right way!!!=D>

Now the List appears on all the phone display and not only on a part!

thank you very much mitchellsimoens!!!B)

[mitchellsimoens]

Yes!!!
this is the right way!!!=D>

Now the List appears on all the phone display and not only on a part!

thank you very much mitchellsimoens!!!B)

No problem :)