0

このgemをオートコンプリート機能に使用しています：

https://github.com/argerim/select2-railsおよびselect2。

これが私の行動です：

def autocomplete_subject
   @messages = Message.where(:by_the_system => nil).page(params[:page]).per(params[:page_limit])
    messages = Array.new
    @messages.each do |m|
      element = Hash.new
      element[:id] = m.id
      element[:text] = [m.subject].join(' ')
      messages << element
    end
   results = Hash.new
   results[:results] = messages
   respond_to do |format| 
     format.json { 
      render :json => {
        :results => results,
        :total => @messages.count,
     } 
    }
  end
 end

これは私のJavaScriptです：

function messageFormatSelection(message) {
  return message.subject;
}

$("#search_boxes #subject").select2({
        minimumInputLength: 3,
        multiple: true,
        width: "300px;",
        ajax: {
            url: "/admin/messages/autocomplete_subject_nil.json",
            dataType: 'json',
            quietMillis: 100,
            data: function (term, page) { // page is the one-based page number tracked by Select2
                return {
                    subject: term, //search term
                    page_limit: 5, // page size
                    page: page, // page number
                };
            },
            results: function (data, page) {
            var more = (page * 5) < data.total;                
              return {results: data.results, more: more};
            }
        },
        formatSelection: messageFormatSelection // omitted for brevity, see the source of this page
   });

これは私のjsonビューです：

{"results":{"results":[{"id":"50b4f5c01d41c811fb000014","text":"Microfunc con id: 50ae41011d41c86ad8000004"},{"id":"50b4f8d31d41c811fb000026","text":"Re: Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4fcf61d41c811fb00002e","text":"Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4fe531d41c811fb000032","text":"Re: Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4ff431d41c811fb000038","text":"Re: Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4f5d71d41c811fb000017","text":"Re: Microfunc con id: 50ae41011d41c86ad8000004"},{"id":"50b4f8231d41c811fb000024","text":"Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4fa921d41c811fb000028","text":"Re: Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4fee41d41c811fb000034","text":"Re: Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4ff291d41c811fb000036","text":"Pedido con id: 50b4f6041d41c811fb000018"},{"id":"50b4ffd71d41c811fb00003a","text":"mira os poneis deacuerdo o que"},{"id":"50b5013d1d41c811fb00004b","text":"Re: Microfunc con id: 50ae41011d41c86ad8000004"},{"id":"50b51ccb1d41c811fb000061","text":"mensaje enviado desde el panel de administraci\u00f3n"},{"id":"50b51e0c1d41c811fb000063","text":"Re: mensaje enviado desde el panel de administraci\u00f3n"},{"id":"50b51e461d41c811fb000065","text":"Microfunc con id: 50ae3b321d41c849c500000b"},{"id":"50b51e611d41c811fb000068","text":"Re: Microfunc con id: 50ae3b321d41c849c500000b"},{"id":"50b61b831d41c80b5d000004","text":"Re: mira os poneis deacuerdo o que"},{"id":"50b897a41d41c83613000034","text":"Microfunc con id: 50ae3b321d41c849c500000b"}]},"total":18}

検索でソートされた結果を取得し、無限スクロール機能を使用したいのですが、正しく機能していません。

私は何が間違っているのですか？

4

1 に答える 1

0

クライアントはロード時にすべての要素にアクセスできるわけではないため、並べ替えはクライアントではなくサーバー側で行う必要があります。あなたのコードから、textあなたのメッセージと同等であるように見えますsubject。その場合は、次の行を変更するだけです。

@messages = Message.where(:by_the_system => nil).
  page(params[:page]).per(params[:page_limit])

並べ替え順序を含めるには：

@messages = Message.where(:by_the_system => nil).
  order(:subject).
  page(params[:page]).per(params[:page_limit])

応答には、現在のページと、これが最後のページであるかどうかを含める必要があります。

respond_to do |format| 
 format.json { 
  render :json => {
    :results => results,
    :total => @messages.count,
    :page => params[:page].to_i,
    :last_page => @messages.last_page
 } 
}

また、未使用の「more」オフセットの代わりにページ変数を更新するようにajaxリクエストを変更する必要があります。

results: function (data, page) {
          page = data.page + 1;
          if (data.last_page == data.page){ 
            // do something to disable searching as list is now exhausted
          }
          return {results: data.results};
        }
于 2012-12-03T19:09:54.903 に答える