View Full Version : Ext.List Issue - Select item is not firing

14 Feb 2011, 8:00 PM
Previously it was working.

But, In 1.1a, my Ext.List is not working correctly.

When I am clicking mouse on List item, it is not selecting.
My setting is -

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

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

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');


// What should I add here? Please help
listeners: {


}) // ~Get ProjectList with Project Tab

I am trying to test on Google Chrome.
What am I doing wrong?
Please help anyone. Working several days but no solution.

14 Feb 2011, 9:51 PM
Use itemTpl instead of tpl,
No need to use itemSelector
Specify itemtap in listeners to get select items details

15 Feb 2011, 3:18 PM
Thanks. It is working now.