如何在ASPX页面内搜索时显示消息

本文关键字:搜索 显示 消息 ASPX | 更新日期: 2023-09-27 18:04:12

我有一个搜索在我的ASPX页面,一旦点击显示使用UpdatePanel的结果,所以它显示没有页面刷新的结果。执行搜索的函数在这里:

public void onBtnClick() { 
        Conn = new SqlConnection(cString); 
        Conn.Open(); 
        theGender = slcGender.SelectedItem.Text; 
        if (slcLocation.SelectedItem.Value == "") { 
            locVal = slcLocation.SelectedItem.Value; 
            lVal = "All Locations"; 
        } 
        if (slcLocation.SelectedItem.Value != "") { 
            locVal = slcLocation.SelectedItem.Text; 
            lVal = slcLocation.SelectedItem.Text; 
        } 
        if (slcSpecialty.SelectedItem.Value == "") { 
            speVal = slcSpecialty.SelectedItem.Value; 
            sVal = "All Specialties"; 
        } 
        if (slcSpecialty.SelectedItem.Value != "") { 
            speVal = slcSpecialty.SelectedItem.Text; 
            sVal = slcSpecialty.SelectedItem.Text; 
        } 
        if (slcGender.SelectedItem.Value == "") { 
            genVal = slcGender.SelectedItem.Value; 
            gVal = "Any Gender"; 
        } 
        if (slcGender.SelectedItem.Value != "") { 
            genVal = theGender.Substring(0, 1); 
            gVal = slcGender.SelectedItem.Text; 
        } 
        sqlCode = "SELECT * FROM [HERE]"; --example query
        /* EXECUTE AND DISPLAY THE DATA IN THE ASP PAGE */ 

        using(SqlCommand command = new SqlCommand(sqlCode, Conn)) { 
            command.CommandType = CommandType.Text; 
            using (SqlDataReader reader = command.ExecuteReader()) { 
                if (reader.HasRows) { 
                    rptContent.DataSource = reader; 
                    rptContent.DataBind(); 
                } 
                if (!reader.HasRows) { 
                    dlo.InnerHtml = "NO RESULT"; 
                } 
                int count = rptContent.Items.Count; 
                dlo.InnerHtml = "Your search in " + lVal + " by " + sVal + " and " + gVal + " returned "+count+" matches"; 
            } 
        } 
    }

我有一个标签在我的ASPX页面:

<asp:Label runat="server" Text="" ClientIDMode="Static" ID="dispSearch" style="float: left;"></asp:Label>

如何显示"正在搜索…"请等待"消息到上面的标签,而搜索正在执行,并显示"搜索已完成"的消息一旦完成?

我UpdatePanel

:

<asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
            <asp:UpdateProgress ID="TaskUpdateProgress" runat="server" DynamicLayout="False" AssociatedUpdatePanelID="UpdatePanel2" DisplayAfter="0">
            <ProgressTemplate>
                <asp:Image ImageUrl="theImages/loadanim_ff.gif" Width="319px" Height="3px" runat="server" ID="TaskLoadingImage"/>
            </ProgressTemplate>
        </asp:UpdateProgress>
            <div style="width: 100%; color: #000000; font-size: 16px; font-weight: bold;" ID="dlo" ClientIDMode="Static" runat="server"></div>
<div style="width: 100%;">
    <asp:Repeater runat="server" ID="rptContent">
        <HeaderTemplate>
            <table border="0" ID="tblInfo" style="background: #43A79A; width: 100%;" ClientIDMode="Static">
                <tr>
                    <td>Physician Name</td>
                    <td>Image</td>
                    <td>Gender</td>
                    <td>Office1</td>
                    <td>Office2</td>
                    <td>Office3</td>
                    <td>Office4</td>
                </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td><%# Eval("Physician Name").ToString() %></td>
                <td><img src="http://wp.com/<%# Eval("Image").ToString() %>" /></td>
                <td><%# Eval("Gender").ToString() %></td>
                <td><%# Eval("Office1").ToString() %></td>
                <td><%# Eval("Office2").ToString() %></td>
                <td><%# Eval("Office3").ToString() %></td>
                <td><%# Eval("Office4").ToString() %></td>
            </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>
</div>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnGoAll" />
        </Triggers>
    </asp:UpdatePanel>

如何在ASPX页面内搜索时显示消息

一种常见的方法是使用UpdateProgress控件。它是专门为UpdatePanel设计的,用于在部分回发期间向用户显示进度。