PDA

View Full Version : Ext.List Issues



Riaz
9 Feb 2011, 9:46 PM
Very basic query -

How do I add title bar or Tool bar in the Ext.List?


Sample coding is bellow -


var ProjectList = new Ext.List({
title: 'Project',
iconCls: 'bookmarks',


fullscreen: true,
dockedItems: [{
xtype: 'toolbar',
title: 'XYZ', // Needed to display at the top of List
dock: 'top'
}],



//List Structure
itemTpl: '{ProjectNumber} {ProjectName} {ProjectStatus}',
tpl: '<tpl for="."><div class="project"><strong>{ProjectName}</strong> {ProjectNumber} {ProjectStatus} </div></tpl>',
itemSelector: 'div.Project',
singleSelect: true,
grouped: true,
indexBar: false,


store: new Ext.data.Store({
model: 'Project',
proxy: {
type: 'ajax',
url: '/home/index',
reader: {
type: 'json',
root: 'data'
},
actionMethods: {
read: 'POST'
}
},
autoLoad: true,


getGroupString: function (record) {
return record.get('ProjectStatus');
}

})

})


'dockedItems' is not working here? What should I do?

evant
9 Feb 2011, 10:07 PM
List doesn't extend Panel, so it can't have docked items. You need to wrap it in a panel.

Riaz
10 Feb 2011, 2:29 PM
How do I wrap it in a panel? Can anybody give me a sample example?

Any help will be appreciated.