Extjs combo

Combo with Templates and Ajax
This is a more advanced example that shows how you can combine paging, Ext.Template and a remote data store to create a "live search" feature.

The js is not minified so it is readable. See forum-search.js.

-----------------------------------------------------------------------------------------------

/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * [e-mail]
 * http://www.sencha.com/license
 */
Ext.onReady(function(){

    var ds = new Ext.data.Store({
        proxy: new Ext.data.ScriptTagProxy({
            url: 'http://extjs.com/forum/topics-remote.php'
        }),
        reader: new Ext.data.JsonReader({
            root: 'topics',
            totalProperty: 'totalCount',
            id: 'post_id'
        }, [
            {name: 'title', mapping: 'topic_title'},
            {name: 'topicId', mapping: 'topic_id'},
            {name: 'author', mapping: 'author'},
            {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'},
            {name: 'excerpt', mapping: 'post_text'}
        ])
    });

    // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3><span>{lastPost:date("M j, Y")}<br />by {author}</span>{title}</h3>',
            '{excerpt}',
        '</div></tpl>'
    );
    
    var search = new Ext.form.ComboBox({
        store: ds,
        displayField:'title',
        typeAhead: false,
        loadingText: 'Searching...',
        width: 570,
        pageSize:10,
        hideTrigger:true,
        tpl: resultTpl,
        applyTo: 'search',
        itemSelector: 'div.search-item',
        onSelect: function(record){ // override default onSelect to do redirect
            window.location =
                String.format('http://extjs.com/forum/showthread.php?t={0}&p={1}', record.data.topicId, record.id);
        }
    });
});

-------------------------------------------------------------------------------------------------------------------------
{"totalCount":"317145","topics":[{"post_id":"585203","topic_title":"Work
 at home and get weekly payments ( ID  : 
187)","topic_id":"128324","author":"ar.warrich","post_time":"1301376557","post_text":"We
 offer Paypal, Western Union,MoneyGram For International Typists And as 
well as for local typists./nWork at home typists needed now. Earn up to 
$2 pe...","forum_title":"Ext: Open 
Discussion","forumid":"6","reply_count":"0"},{"post_id":"585202","topic_title":"the
 most acclaimed television series of all 
time","topic_id":"128323","author":"amy001","post_time":"1301376394","post_text":"/"The
 Sopranos/" Sopranos DVD 
(http:////www.dvdshop888.com//en//thrillers-crime-mystery-//the-sopranos-seasons-1-7-dvd-boxset.html)may
 be the most acclaimed ...","forum_title":"Ext 1.x: 
Help","forumid":"5","reply_count":"0"},{"post_id":"585198","topic_title":"TreePanel
 with CRUD operations 
example","topic_id":"128006","author":"amy001","post_time":"1301376107","post_text":"It
 isPrison Break DVD 
(http:////www.dvdshop888.com//en//tv-series-dvd-boxset//prison-break-seasons-1-4-dvd-boxset.html)no
 secret that Fox has a negative tr...","forum_title":"Ext: Examples and 
Extras","forumid":"7","reply_count":"1"},{"post_id":"585196","topic_title":"extjs
 editor grid column 
header","topic_id":"127999","author":"madhuchowdary","post_time":"1301375490","post_text":"Hi,/n
 I tried your solution but its not working for me.Iam defining column 
model from xml and in image SRC  iam giving the path of the image.Is 
anythin...","forum_title":"Ext: Examples and 
Extras","forumid":"7","reply_count":"4"},{"post_id":"585183","topic_title":"extjs
 editor grid column 
header","topic_id":"127999","author":"jratcliff","post_time":"1301373541","post_text":"You
 don't have to pass anything to the renderer function.  This is done for
 you.  All you have to do is define the renderer 
function./r/n/r/nHowever, I do...","forum_title":"Ext: Examples and 
Extras","forumid":"7","reply_count":"4"},{"post_id":"585181","topic_title":"extjs
 editor grid column 
header","topic_id":"127999","author":"madhuchowdary","post_time":"1301372479","post_text":"thanks
 for your reply,here in render function what i need to return , I mean 
image path?/nand what value i have to pass to the render 
function?","forum_title":"Ext: Examples and 
Extras","forumid":"7","reply_count":"4"},{"post_id":"585175","topic_title":"RegEx
 to give error if there are script 
tags","topic_id":"128223","author":"yenduttjain","post_time":"1301370175","post_text":"Can
 you share the correct regex to give error only when Script tag is found
 in the content?","forum_title":"Ext: Premium 
Help","forumid":"11","reply_count":"4"},{"post_id":"585166","topic_title":"Legal
 quesion? Quoting ext js code on 
blog.","topic_id":"128317","author":"AslanB","post_time":"1301363492","post_text":"Hi,/n/nI
 would like to quote sections of Ext Js on my blog as part of 
documenting my analysis of the JavaScript language. Is there any legal 
issues with...","forum_title":"Ext: Open 
Discussion","forumid":"6","reply_count":"0"},{"post_id":"585157","topic_title":"Ext
 4 accessibility 
issues","topic_id":"128313","author":"alxyoyo","post_time":"1301360828","post_text":"In
 doing research for a possible future project we're really liking the 
prospect of Ext 4. We've been really impressed by the theming and the 
DOM weig...","forum_title":"Ext 2.x: 
Help","forumid":"9","reply_count":"0"},{"post_id":"585155","topic_title":"menu.showAt()
  not 
showing.","topic_id":"128312","author":"scaddenp","post_time":"1301360546","post_text":"I
 am wanting a menu to show up when I click on an item in a grid panel. 
The  menu is also used on a toolbar for another window, so I find it 
from ther...","forum_title":"Ext: Premium 
Help","forumid":"11","reply_count":"0"}]}