I'm doing a "Live Search" combo box that's all working perfectly. Love it.
However, when I try to embed this setup in an Ext.Window, the paging window renders extremely narrow (the window that shows the results under the combo box).
Picture:

Code: (Please note that this is not the code I will actually put into production!!!, I am aware that there are better ways to do this -- right now I'm just trying to get it to render properly)
PHP Code:
init_navigation: function() {
var win;
var link = Ext.get('employers-link');
link.on('click', function() {
if (!win) {
win = new Ext.Window({
el:'employers-nav',
layout:'fit',
width:500,
height:300,
closeAction:'hide',
plain: true,
});
var init = true;
} else {
var init = false;
}
win.show(this);
if (init) {
var store = new Ext.data.JsonStore({
url: '/ev/employers/list/1'
});
var resultTpl = new Ext.XTemplate(
'<tpl for="."><div class="search-item">',
'<h3><span>{name}</span></h3>',
'</div></tpl>'
);
var search = new Ext.form.ComboBox({
store: store,
displayField:'name',
typeAhead: false,
loadingText: 'Searching...',
width: 300,
pageSize: EV.paging_size,
hideTrigger:true,
tpl: resultTpl,
applyTo: 'employers-nav-list',
itemSelector: 'div.search-item',
onSelect: function(record){ // override default onSelect to do redirect
window.location =
String.format('/ev/employers/id/{0}', record.data.id);
}
});
}
});
}
Thanks for any help!