Creating AJAX Enabled Multi Keyword Database Search Engine
page 4 of 7
by Habiburahman Khaled
Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 35375/ 65


The database used for the article is Northwind and it is hoped that users are acquainted and furnished with it. Those who do not have Northwind can get one from here.

Listing 1: Create the following View in your Database

CREATE VIEW [dbo].[CustomersView]
SELECT CustomerID, CompanyName, ContactName, 
 ContactTitle, City, Country, Address, 
 ISNULL(CompanyName, '') + ' ' + ISNULL(ContactName, '') + 
 ISNULL(ContactTitle, '') + ' ' + 
 ISNULL(City, '') + ' ' + ISNULL(Country, ''AS FullDescription
FROM dbo.Customers

The code in listing 1 is self descriptive; CustomerView has been created based on the Customers Table. A virtual column named FullDescription is added to the view which combines multiple columns into one.

There are two methods for searching multiple columns in the database table:

1.    To create a virtual column in view or stored procedure and use the + operator in SQL Server, CONCAT or CONCAT_WS in MySQL, and/or ||,CONCAT in ORACLE to combine the data into one.

2.    To use AND or OR logical operator for each single column that we are searching in.

In this article both of the above methods are used.

Listing 2: Part of Customer.aspx page

<form id="form1" runat="server">
    <div id="HeaderDiv" class="Header">
        <h1>Search for Customers in Northwind Database</h1>
    <div id="ContentDiv" class="Content">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <div id="SearchControls" class="SearchControls">
            <asp:TextBox ID="SearchTextBox" runat="server" />
            <asp:DropDownList ID="SearchCriteriaList" runat="server">
                <asp:ListItem Selected="True" Value="AND">All</asp:ListItem>
                <asp:ListItem Value="OR">Any One</asp:ListItem>
                <asp:ListItem Value="Exact">Exactly</asp:ListItem>
            <asp:Button ID="BtnSearch" runat="server" Text="Search" 
              OnClick="BtnSearch_Click" />
            <div style="text-align:center"> 
            <asp:UpdateProgress ID="UpdateProgressControl" runat="server">
                    <img src="images/spinner.gif" alt="loading.." />
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <asp:Label ID="RecordCount" runat="server" 
                        EnableViewState="False" Font-Bold="True"
                        Font-Size="Medium" Visible="False"></asp:Label>
                <asp:GridView ID="CustomersGridView" runat="server" 
             <asp:BoundField DataField="CompanyName" HeaderText="Company Name" />
             <asp:AsyncPostBackTrigger ControlID="BtnSearch" EventName="Click" />
    <div id="ErrorDiv" runat="server">

The code in listing 2 shows the aspx page which resides all the controls used for the search application. This is not the complete page, it just shows you the controls and AJAX coding.

A Complete application can be downloaded from the download section.

Listing 3: The doSearch method

private void doSearch(string InputKeyword, string SelectCriteria)
  //define objects
  string strSQL;
  SqlConnection conn;
  SqlCommand command;
  SqlDataReader reader;
  if (SelectCriteria == "Exact")
    strSQL = "SELECT  CustomerID, CompanyName," +
      "ContactName, ContactTitle, City," +
      "Country, Address FROM CustomersView WHERE (FullDescription LIKE '%";
    strSQL = strSQL + InputKeyword + "%')";
//Define an array list and then assign User Enterd 
//information separated by "+",","," "
    String[]SearchArrayList = InputKeyword.Split(new Char[]
      '+', ' ', ','
    , StringSplitOptions.RemoveEmptyEntries);
    strSQL = "SELECT  CustomerID, CompanyName, ContactName," +
      "ContactTitle, City, Country, Address FROM CustomersView WHERE";
    String strJoin = string.Join("%') " + SelectCriteria +
      " (FullDescription LIKE '%", SearchArrayList);
//if you want to add another column to the search criteria 
//in place of using Virual Column
/* String strJoin2 = string.Join("%') " + SelectCriteria + 
  " (Country LIKE '%", SearchArrayList);
strSQL = strSQL + " ((ProductName LIKE '%" + strJoin + "%')" + "OR" + 
  "(Country LIKE '%" + strJoin2 + "%'))";*/
    strSQL = strSQL + " (FullDescription LIKE '%" + strJoin + "%')";
  //read the connection from web.config file
  string ConnStr =
  //Intialize connection
  conn = new SqlConnection(ConnStr);
  // intialize command object
  command = new SqlCommand(strSQL, conn);
    //open connection
    //Intialize reader
    reader = command.ExecuteReader();
    //assign reader to Gridview datasource
    CustomersGridView.DataSource = reader;
    //Bind the data to Gridview
    //Display the number of record found
    RecordCount.Text = "Your search for: <span style=color:blue>" +
      InputKeyword.ToString() + "</span>" + " Found " +
      CustomersGridView.Rows.Count.ToString() + " Matches";
    // close reader
  catch (SqlException exception)
    ErrorDiv.InnerHtml = "Error!" + "<br/>" + exception.Message;
    //close connection

The code in Listing 3 defines the doSearch method which is located in the code-behind file of the aspx page that takes two parameters, the first one specifies user entered information in the search box, and the second one specifies the search option it could be either AND(All), OR(Any), or Exact(Exactly).

Listing 4: If you would like to add more fields to the search criteria use the following code

String strJoin2 = string.Join("%') " + SelectCriteria + 
    " (Country LIKE '%", SearchArrayList); 
 strSQL = strSQL + " ((ProductName LIKE '%" + strJoin + "%')" + 
    "OR"+"(Country LIKE '%" + strJoin2 + "%'))";

Listing 5: Calling the doSearch method from a button click event

protected void BtnSearch_Click(object sender, EventArgs e)
  //make sure that user enter something for search
  if (SearchTextBox.Text.Length != 0)
   /*Block current thread for 1 second in order to see the spinner in AJAX
   progress control */
    string strCriteria = SearchCriteriaList.SelectedItem.Value;
    doSearch(SearchTextBox.Text.Trim(), strCriteria);
    RecordCount.Visible = true;

The code in Listing 5 is calling the doSearch method from a button click event which takes values of a textbox named SearchTextBox, and dropdown list named SearchCriteriaList.

The Sleep method of Thread object is called to block the current thread for one second so the user can see the spinner image in AJAX progress control.

View Entire Article

User Comments

Title: 123   
Name: 123
Date: 2012-12-19 3:28:40 AM
Title: as   
Name: asd
Date: 2012-08-21 8:13:06 PM
Title: we   
Name: we
Date: 2012-08-21 8:12:40 PM
Title: rwrwrwrwr   
Name: wrw
Date: 2012-08-21 8:12:23 PM
Title: d   
Name: d
Date: 2012-04-30 8:45:14 PM
Title: What about paging?   
Name: EJ
Date: 2010-07-20 11:23:33 AM
I like to know if you can help with paging and sorting the results from the client side? I didn't see any page methods in your code.
Title: dale   
Date: 2009-09-29 8:03:19 AM
by reading this article it gives me a a tips and helps me familiarize some search engine that ive never heard even encountered here in the net, this is great, and thanks for sharing this.
Title: Developer   
Name: Ram
Date: 2009-02-11 6:12:41 AM
very good and attractive article
Title: thank for keeping such a value information   
Name: madhu
Date: 2009-01-28 7:41:02 AM
hai sir,

the information u provided is excellent.
thanks and keep on rock.
Title: Ajax   
Name: Abhishek
Date: 2009-01-02 8:14:48 AM
Title: Problem with IIS 7   
Name: Sasa
Date: 2008-09-08 2:54:19 PM
I have problem when I browse using IIS 7. When I press search button I get the spinner.gif but GridView is not populated. In Visual Studio 8 sp1 work just fine. I use Vista Ultimate and SQL Server 2008.
Title: Display option   
Name: M Tajuddin
Date: 2008-08-20 2:55:35 AM
Hi Khalid,
I need your help again. I got the pagination working fine now with the page size of 10. now i want show in display (label) what number of record is displayed. As example if search return 30 records, for the first page i want to setup display like 'You are viewing 1-10' and when user click on the next page it will display 'You are viewing 11-20' and so on. Would you please advise how can i do that.


Title: Re:Paging Option   
Name: M Tajuddin
Date: 2008-08-16 9:24:25 AM
Hi Khalid,
Thanks for correcting me. It was my fault, I did not think about this before. It is working fine now. I love it. Did you try repeater for this type of search function? I think that will be good as well.

Thanks again for your help.


Title: Re:Paging Option   
Name: H.Khalid
Date: 2008-08-16 12:16:01 AM
Hi Tajuddin,
Change the doSearch method according to the sample I provided in my previous post. as you can see in the sample it uses DataSet Classes in place of DataReader because DataReader doesn't support Paging unless you do some extra coding.

Title: Re:Paging Option   
Name: M Tajuddin
Date: 2008-08-15 7:21:05 AM
Hi Khalid,
Thanks for your prompt response. I have tried that but it does not return any records now. I have added -
protected void CustomersGridView_SelectedIndexChanged(object sender, EventArgs e)

protected void CustomersGridView_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)

protected void CustomersGridView_PageIndexChanging(object sender, GridViewPageEventArgs e)
CustomersGridView.PageIndex = e.NewPageIndex;
string strCriteria = SearchCriteriaList.SelectedItem.Value;
doSearch(SearchTextBox.Text.Trim(), strCriteria);
RecordCount.Visible = true;

in the cs file and added -
AllowPaging="true" onpageindexchanging="CustomersGridView_PageIndexChanging"
in the gridview tag but did not work. I could find any problem. Could you suggest me what i did wrong..

Thanks again for your help.


Title: Re:Paging Option   
Name: H.Khalid
Date: 2008-08-14 6:30:41 AM
Hi Tajuddin,
I am glad you liked the article, for paging you can download a paging enabled sample application from the link bellow:

Let me know if you have any problem.
Title: Paging option   
Name: M Tajuddin
Date: 2008-08-13 10:58:59 PM
Hi Khalid,
I have implemented this search function in my website and it works fine. Fantastic idea. I am having a bit problem when trying to enable pagination. For instance, I have more than 1000 records in my database. So when user search it returns large number of record. How can I set up pagination so that it will populatate muliple page with link like form view or details view. Could you please provide me some suggestions.

Thanks brother,

M Tajuddin
Title: Creating AJAX Enabled Multi Keyword Database Search Engine   
Name: Ramesh
Date: 2008-05-09 9:19:43 AM
Nice article...but here is a need of AJAX....?
Title: Re:Connect to remote database   
Name: H.Khalid
Date: 2008-05-03 12:23:15 AM
Yes it does, but you will need to use OleDb classes inside of System.Data.OleDb namespace for data retrieval, and use Query instead of View.
Check out this link for connecting with Ms Access.

Title: Re:Connect to remote database   
Name: sathish
Date: 2008-05-02 11:43:42 PM
does the coding working in ms-access is possible or not....
please tell....
Title: Re:Connect to remote database   
Name: H.Khalid
Date: 2008-04-14 7:25:26 AM
Well,Executing remote Stored Procedure, and Query requires some tricks. Check out this link for complete solution:
Title: Re:Connect to remote database   
Name: Mohammed Tajuddin
Date: 2008-04-14 6:27:30 AM
Hi Habib,
Thanks for your response. I am actually trying to do it in my database ms sql 2005 in remote computer. Can i do the same in remote database? I use database management tools to access to my database. Data type are text, int, string and char. please give me your tips...
Title: Re:Connect to remote database   
Name: H.Khalid
Date: 2008-04-12 4:46:18 AM
Hi Tajuddin,
What Database System do you use?, the query I have provided should work fine.
If you are using SQL server right click on the Northwind Database then "New Query" then paste the code I have provided and click on the "Execute" Button in the toolbar.

Title: Connect to remote database   
Name: Mohammed Tajuddin
Date: 2008-04-09 7:12:06 AM
Hi Habibur, I like your article and was looking for this sort of things. I am really struggling to sort out my problem. How can i create the view in my database? if i run the query to create view getting error 'can not add text and char', how can i fix this problem? is there any other way to create view? your response much appreciated ...
Title: Many thanks,   
Name: Wayne
Date: 2008-04-08 11:57:17 AM
Hi again Habiburahman,

Many thanks for the added code - and for helping me no-end.

Kind regards,

Title: Re:AllowPaging   
Name: Habiburahman Khaled
Date: 2008-03-03 4:55:19 AM
Thank you Wayne, I am glad that you liked the article.
For paging you will need to use DataSet classes since DataReader doesnt not support paging and filtering.
I have updated the sample in which paging is enabled you can download the new sample from the link bellow:

Title: AllowPaging   
Name: Wayne
Date: 2008-02-20 8:58:42 AM
Nice article - helped me get my head around a few things.

Any chance you could add some code to allow paging - tried the simple AllowPaging="True" but obviously this didn't work. Been looking for a way to do this but as a newbie am getting stuck!
Title: SearchTextBox.Text.Length != 0)   
Name: protected void BtnSearch
Date: 2008-02-06 7:19:44 AM
string strCriteria = SearchCriteriaList.SelectedItem.Value;
Title: is calling the   
Name: is calling
Date: 2008-02-06 7:18:26 AM
calling the doSearch method from a button click event which takes values of a textbox named SearchTextBox
Title: Great but   
Name: Radenko Zec
Date: 2008-01-22 1:50:50 PM
This method is useful for small apps i think but for large web portals you must use Sql Server 2005 fulltextsearch .
Maybe it would be interesting to build implementation
fulltextsearch using Linq.
There isnt any article on using linq for fulltextsearch,and you cant use linq for fulltextsearch I think.
Maybe would be great to build some helper classes to do that.

Community Advice: ASP | SQL | XML | Regular Expressions | Windows

©Copyright 1998-2024  |  Page Processed at 2024-05-22 6:44:35 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search