پیاده سازی لیست جستجو به صورت Ajax در ASP.Net

در این مقاله قصد داریم علاوه بر پیاده سازی جستجو به صورت Ajax در تکنولوژی ASP همچنین این امکان را به کاربر دهیم که با انتخاب فیلد جستجو شده , عبارت جستجو شده را به صورت Ajax ای مشاهده کند

برای شروع یک بانک اطلاعاتی به نام ListAsp_Db و یک جدول به نام tbl_data ایجاد میکنیم

و به صورت دستی در آن اطلاعات پر میکنیم

سپس یک پروژه از نوع ASp ایجاد میکنیم و سپس روی پروژه راست کلیک کرده و یک web form به نام dropdownlist_demo.aspx به برنامه اضافه میکنیم

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>  
    <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>  
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
        <html xmlns="http://www.w3.org/1999/xhtml">  
  
        <head runat="server">  
            <title></title>  
            <style type="text/css">  
                .style1 {  
                    width: 576px;  
                }  
            </style>  
        </head>  
  
        <body>  
            <form id="form1" runat="server">  
                <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager>  
                <div>  
                    <table style="width:100%;">  
                        <tr>  
                            <td>  </td>  
                            <td class="style1">  </td>  
                            <td>  </td>  
                        </tr>  
                        <tr>  
                            <td>  </td>  
                            <td class="style1">  
                                <asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="True" DataTextField="country" DataValueField="country" Height="33px" style="margin-left: 267px">  
                                    <asp:ListItem>--Select Country--</asp:ListItem>  
                                </asp:DropDownList>  
                                <asp:ListSearchExtender ID="DropDownList1_ListSearchExtender" runat="server" Enabled="True" PromptPosition="Top" PromptText="Type to Search" TargetControlID="DropDownList1"> </asp:ListSearchExtender>  
                            </td>  
                            <td>  </td>  
                        </tr>  
                        <tr>  
                            <td>  </td>  
                            <td class="style1">  </td>  
                            <td>  </td>  
                        </tr>  
                    </table>  
                </div>  
            </form>  
        </body>  
  
     </html>

فقط این نکته را خاطر نشان کنم برای استفاده از AjaxControlToolkit باید این رفرنس از طریق nuget به برنامه اضافه شود

حال در قسمت اصلی برنامه کد های زیر را برای خواندن اطلاعات از بانک اطلاعاتی در تابعی به نام refreshdata که در این تابع از روش Ado.Net برای پر کردن اطلاعات، استفاده شده است و سپس این تایع در متد Page_Load صدا زده شده است

    using System;  
    using System.Collections.Generic;  
    using System.Linq;  
    using System.Web;  
    using System.Web.UI;  
    using System.Web.UI.WebControls;  
    using System.Data;  
    using System.Data.SqlClient;  
      
    public partial class _Default : System.Web.UI.Page  
    {  
        protected void Page_Load(object sender, EventArgs e)  
        {  
            if (!Page.IsPostBack)  
            {  
                refreshdata();  
            }  
        }  
      
          
        public void refreshdata()  
        {  
            
            SqlConnection con = new SqlConnection(@"Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database.mdf;Integrated Security=True;User Instance=True");  
            
            SqlCommand cmd = new SqlCommand("select * from tbl_data", con);  
            SqlDataAdapter sda = new SqlDataAdapter(cmd);  
            DataTable dt = new DataTable();  
            sda.Fill(dt);  
             
            DropDownList1.DataSource = dt;  
            DropDownList1.DataBind();   
          
        }  
    }

فایل های ضمیمه

4006_ListSearch.zip

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

پیاده سازی لیست جستجو به صورت Ajax در ASP.Net

فایل های ضمیمه

برنامه نویسان

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید