Solr живой поиск с использованием ExtJs4

Question

Я использую Solr + Haystack (плагин Django) на бэкэнд, и поиск работает нормально;

В то время как Django (и Haystack) со своими шаблонами делают все для меня (я имею в виду его довольно простое конфигурирование и использование), ExtJS4 немного сложнее;

Вопрос в том, как использовать Solr с использованием ExtJS4?

Пример очень ценится;
Спасибо за любую помощь и извините за мой английский;

Answer 1

Поскольку ExtJS4 является платформой MVC, решение выполняется как MVC;

Контроллер / Search.js

Ext.define('yourapp.controller.Search',{
extend:'Ext.app.Controller',

stores:[
    'Searches'
],

views:[
    'search.Search',
    'search.SearchList'
],

models:[
    'Search'
],

init:function(){
    this.control({
        "search":{
            'keyup':this.search,                
        },
    });
},

search:function(inputedTxt, e, eOpts){
    this.getSearchesStore().load({
        //When sending a request, q will rely to request.POST['q'] on server-side;
        //inputedTxt.getValue() -- a value, entered in textfield (or whatever)
        params:{
            q:inputedTxt.getValue()
        },
        callback:function(result){
            if(result[0]){
                //do something with the result
                //i'd been creating a window with a grid inside. "Grid"'s view is written below.
            }
        }               
    }
});

Модели /Search.js

Ext.define('yourapp.model.Search',{
    extend:'Ext.data.Model',

    fields:[
        {name:'name',   type:'string'}
    ]   
});

Магазин / Searches.js

Ext.define('yourapp.store.Searches',{
extend:'Ext.data.Store',
storeId: "searchStore",

model:'yourapp.model.Search',

autoLoad: false,

proxy:{
    type:'ajax',
    // server-side url
    url: '/searchlist/',

    actionMethods:{create: "POST", read: "POST", update: "POST", destroy: "POST"},
    reader:{
        type:'json',
        root:'searches'
    }
}
});

Вид view / search / Search.js

//a Text field to input text;
Ext.define('yourapp.view.search.Search',{
extend:'Ext.form.field.Text',
alias: 'widget.search',
id:    "searchView",

enableKeyEvents: true,
initComponent:function(){
    this.callParent(arguments);     
}
});

view / search / SearchList.js

//a view for a result
Ext.define('yourapp.view.search.SearchList',{
extend: 'Ext.grid.Panel',

alias:'widget.searchlist',
title: 'search result',
store: 'Searches',

columns:[
        { 
        header:'Name', 
        dataIndex:'name',
        flex:1                      
    }
]
});

Где-то в view / Viewport.js xtype: 'search', следуетвставляется для отображения текстового поля.

Это все для части ExtJS4.

---

На стороне сервера - Django: должны быть установлены 'haystack' и Solrи настроен (под «настроен» я имею в виду: поиск уже должен работать на стороне сервера);

В someapp / view.py

def searchlist(request):    
    from haystack.query import SearchQuerySet
    # POST["q"] should be receivedt from our client-side
    searchText = request.POST["q"]

    sqs = SearchQuerySet().filter(name=searchText)

    data = []
    for result in sqs:            
        data.append({"name": result.object.name})

return HttpResponse('{ success:true, searches:'+simplejson.dumps(data)+'}', mimetype = 'application/json')

Наконец, в вашем urls.py вы должны добавить:

(r'^searchlist/','someapp.views.searchlist'),

Это было для него.С наилучшими пожеланиями.

PS Я знаю, что это не самый лучший ответ, и здесь нет объяснения, но я предпочитаю пример кода, а не словесное объяснение.

Answer 2

SOLR выводит JSON из своих запросов с использованием параметра wt=json и может легко использоваться ExtJS.

http://wiki.apache.org/solr/SolJSON?action=fullsearch&context=180&value=jsonp&titlesearch=Titles#JSON_Response_Writer

если вам нужно использовать jsonp, вы можете указать функцию обратного вызова через этот параметр json.wrf=callback