Hi,

I am looking for an example which will append DIV to XTemplate after rendering in ComboBOX.

Ext.onReady(function(){

var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'data.json'
}),
reader: new Ext.data.JsonReader({
root: 'Searchable',
id: 'id'
}, [
{name: 'description', type:'string'},
{name: 'id' },
{name: 'name'},
{name: 'type'},
{name: 'synonym'}])});

ds.load();

var resultTpl = new Ext.XTemplate(
'<tpl for=".">',
'<div class="search-item">{description}</div>',
'</tpl>',
'<div>Seach All Documents For: {[this.checkValue()]}</div>',
{
checkValue: function() {
return document.getElementById('search').value;
}
});

var search = new Ext.form.ComboBox({
store: ds,
displayField:'description',
typeAhead: false,
loadingText: 'Searching...',
width: 570,
pageSize:0,
hideTrigger:true,
tpl: resultTpl,
applyTo: 'search',
itemSelector: 'div.search-item',
minChars:0,
mode:'local'});
});


I have added '
<div>Seach All Documents For: {[this.checkValue()]}</div> ' but when results are more then vertical scroll bar comes and this div goes at the end and need to scroll it till down.

what I want is that DIV should come out of scroll bar, so each time when results are rendered DIV should come at end and visible irrespective of scroll bar.

Thank in advance
Roshan