Ext.onReady(function(){

    var ds = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({
            url: ROOT + 'shop/ajax.php?method=getKeywords'
        }),
        reader: new Ext.data.JsonReader({
            root: 'products',
            totalProperty: 'totalCount',
            id: 'text1,text2'
        }, [
            {name: 'text1'},
            {name: 'text2'},
            {name: 'langtext'}
        ])
    });

    // Custom rendering Template
    var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3>{text1}</h3>',
            '<div>{text2}</div><div>{langtext}</div>',
        '</div></tpl>'
    );
    
    var search = new Ext.form.ComboBox({
        store: ds,
		minChars: 1,
        displayField: 'text1',
        valueField: 'text1',
        typeAhead: false,
        loadingText: 'Searching...',
        pageSize: 10,
        hideTrigger: true,
        tpl: resultTpl,
        applyTo: 'searchWord',
        itemSelector: 'div.search-item',
		fieldClass: 'yalone',
        onSelect: function(record) {
            var tf = tf = document.getElementById('searchWord');
			tf.value = record.data.text1;
			tf.form.submit();
        }
    });
});
