Ext.onReady(function(){

    var ds = new Ext.data.JsonStore({
        url: RELPATH + 'ajax/search/list.php',
        root: 'results',
        totalProperty: 'totalCount',
        fields: [
            {name: 'tittel' },
            {name: 'url'},
            {name: 'restype'}
        ]
    });

    // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3><span>{restype}: </span>{tittel}</h3>',
        '</div></tpl>'
    );
    
    var search = new Ext.form.ComboBox({
        store: ds,
        displayField:'title',
        typeAhead: false,
        loadingText: 'Søker...',
        emptyText: 'krets|klubb|hall|turnering|spiller',
        width: 190,
        pageSize:20,
        hideTrigger:false,
        tpl: resultTpl,
        applyTo: 'search',
        itemSelector: 'div.search-item',
        onSelect: function(record){ // override default onSelect to do redirect
            window.location = String.format('{1}{0}', record.data.url,RELPATH);
        }
    });

});