View Full Version : Ext.List Issues

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?

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.

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.