Great ux, performance is wonderful!
Everything is working great, list items are showing, as well as headers, but for some reason the indexBar will not show up, any ideas as to why not?
Code:
{
hidden: true,
id: 'listMfg',
xtype: 'bufferedlist',
grouped: true, // optional
indexBar: true, // optional
useGroupHeaders: true, // no group headers
maxItemHeight: 30, // must specify
blockScrollSelect: true,
batchSize: 20,
loadingText: null,
store: new Ext.data.Store(
{
storeId: 'listMenuStore',
model: 'MenuItem',
proxy: {
url: 'GetList',
type: 'ajax',
reader: {
type: 'json'
}
},
getGroupString: function (record) {
return record.get('name')[0].toUpperCase();
},
listeners: {
scope: this,
read: function (cmp, root, recs) {
Ext.getCmp('listMfg').setHeight(300).show();
this.query('LoadingPanel')[0].hide();
}
}
}
),
itemTpl: '{name}'
},
Thanks!