`tag to:

<%= render :partial => ‘pagination_links’, :locals => { :paginator => @paginator } %>

One more to go, we need to adjust the pagination links to make sure they work correctly with the search, and don’t screw us over once they are used. Open the file `app/views/todos/_pagination_links.rhtml`. We are making two adjustments, first we need to make sure the pagination links call the `search` action and not the `update_component` action, also we need pass the search string along. For this we need to change: <% pagination_params = params.merge(:controller => ‘/todos’, :action => ‘component_update’) %> to the following: <% if @search %> <% pagination_params = params.merge(:controller => ‘/todos’, :action => ‘search’, :search => @search) %> <% else %> <% pagination_params = params.merge(:controller => ‘/todos’, :action => ‘component_update’) %> <% end %> Last to go in this section, we need to change the `:updata` parameter for the two links to: :update => @search ? ” : scaffold_content_id(pagination_params) }, Okay I was not abselutely honest, we still need to create a new file `app/views/todos/search.rjs` to format our search results and have a javascript output. It is fairly simple and should look like this: if @successful page.replace_html scaffold_tbody_id(params), :partial => ‘todo’, :collection => @todos, :locals => { :hidden => false } page.replace_html ‘todo-pagination’, :partial => ‘pagination_links’, :locals => { :paginator => @paginator, :search => @search } else page.replace_html scaffold_messages_id(@options), :partial => ‘messages’ end **Step 4** - The code! ———————- First we need to slightly adjust the `pagination_ajax_links` helper function, the place to to put it is `app/helpers/todos_helper.rb`. The function should look like the following (nearly the same as the original just that it changes the ‘update’ section): def pagination_ajax_links(paginator, params) pagination_links_each(paginator, {}) do |n| link_to_remote n, { :url => params.merge(:page => n ), :loading => “Element.show(‘#{loading_indicator_id(params.merge(:action => ‘pagination’))}’);”, :update => params[:search] ? ” :scaffold_content_id(params) }, { :href => url_for(params.merge(:page => n )) } end end Well we’re coming close to what we want, mainly left now is to add the search action to the controller, so we open the file `app/controllers/todos_controller.rb”` and insert the following function: def search @search = params[:search] || request.raw_post || request.query_string @options = { :scaffold_id => params[:scaffold_id], :action => “search”, :search => @search } update_params :default_scaffold_id => “todo”, :default_sort => nil, :default_sort_direction => “asc” @sort_sql = Todo.scaffold_columns_hash[current_sort(params)].sort_sql rescue nil @sort_by = @sort_sql.nil? ? “#{Todo.table_name}.#{Todo.primary_key} asc” : @sort_sql + ” ” + current_sort_direction(params) search = ‘%’ + @search + ‘%’ search_fields = [‘name’, ‘description’] conditions = [ search_fields.map{|p| “#{p}” }.join(’ LIKE ? OR ‘) + ’ LIKE ?’ ]; search_fields.each do || conditions << search end @paginator, @todos = paginate(:todos, :conditions => conditions, :order => @sort_by, :per_page => default_per_page) @successful = !@todos.empty? @flash[:error] = “Nothing found for search string #{@search}.” if !@successful render(:action => ‘search.rjs’) end A little explanation, line **2** we get the search string in whatever way it may be passed, line **3-6** are usual handling for sorting the output. In line **7** we add `%` around our search string, this are wild-cards in SQL you can add only one in the end but I prefer this way. Right next we define the fields over what we want to search, in our case, both name and description. `conditions` holds the search’s ‘WHERE’ statement for the SQL SELECT, the each loop over the `search_field` in line **12** fills the `conditions` array with the search elements, you can read up details on how this works in the [rails API](http://api.rubyonrails.org), for now all that matters is that, every `?` in our search string gets replaced with one of the following elements of the array. Finally we call the pagination and do some error handling and in the very end render the `search.rjs`. **Step 5** - Last words. ———————— Okay we’re done here, have fun and enjoy this new funky feature for your app. If there are any ideas, questions, suggestions don’t be shy to let me know or ask. Also as a **warning** currently this do not do any fallback if no javascrip is present but I may write a tutorial on that up on a later date this text is long enough as it is.