asp.net控件的异步刷新

asp.net控件的异步刷新

需求：我们知道，asp.net控件中的button控件，默认是开启了自己主动回发的，而有时候。我们不想刷新整个界面。而仅仅想局部刷新，可页面中又偏偏用到了.net button控件。

尽管我非常讨厌.net控件，但有时候在系统对性能要求不高的情况下，为了偷懒。使用.net控件是无可厚非的。
aspx页面代码（仅仅写了关键代码）：

   <asp:Button ID="<span style="color:#FF0000;">btnSearch</span>" runat="server" Text="搜索" OnClick="btnSearch_Click" />
 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div id="divRecordList" class="rptCss">
                        <%--<div><span>选择</span><span>客户名称</span><span>客户编码</span><span>水表编码</span></div>--%>
                        <div>
                            <table style="width: 100%;">
                                <tr class="order-hd">
                                    <th class="item" style="width: 96px;">选择</th>
                                    <th class="item" style="width: 200px;">客户名称</th>
                                    <th class="item" style="width: 200px;">客户编码</th>
                                    <th class="last">水表编码</th>
                                </tr>
                            </table>
                        </div>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <Triggers>
                               <span style="color:#FF0000;"> <asp:AsyncPostBackTrigger ControlID="btnSearch" /></span>
                            </Triggers>
                            <ContentTemplate>
                                <asp:Panel ID="pnlNullInfo" runat="server" CssClass="tb-combobar" Visible="false">
                                    <div class="item-not-found">
                                        <asp:Label ID="lblNullInfo" runat="server" Text="没有查询到相关数据"></asp:Label>
                                    </div>
                                </asp:Panel>
                                <asp:Panel ID="pnlError" runat="server" Visible="false">
                                    <asp:Label ID="lblError" runat="server"></asp:Label>
                                </asp:Panel>
                                <asp:Repeater ID="rptRecordList" runat="server">
                                    <HeaderTemplate>
                                        <table style="width: 100%;">
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <tr class="order-item">
                                            <td style="width: 96px;" class="item">
                                                <span style="margin-right: 4px;"><%# Container.ItemIndex +1 %></span>
                                                <input type="radio" id="rbtn1" value='<%#Eval("hx_t_watermeterid")%>' />
                                            </td>
                                            <td style="width: 201px;" class="item"><%#Eval("name") %></td>
                                            <td style="width: 200px;" class="item"><%#Eval("accountnumber") %></td>
                                            <td class="last"><%#Eval("hx_fmetercode") %></td>
                                        </tr>
                                    </ItemTemplate>
                                    <FooterTemplate></table></FooterTemplate>
                                </asp:Repeater>
                                <div id="divError" class="errorDiv"><span id="spnError"></span></div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                                <div class="menu">
                                    <ul>
                                        <li id="one1" οnclick="setTab('one',1)">充值</li>
                                        <li id="one2" οnclick="setTab('one',2)">作废售水</li>
                                        <li id="one3" οnclick="setTab('one',3)">退水</li>
                                        <li id="one6" οnclick="setTab('one',6)">换表</li>
                                    </ul>
                                </div>
                                <div class="menu" style="border-top: #cccccc solid 1px;">
                                    <ul>
                                        <li id="one4" οnclick="setTab('one',4)">补卡</li>
                                        <li id="one5" οnclick="setTab('one',5);clearCardExt();">清除卡</li>
                                        <li id="one7" οnclick="setTab('one',7);readCardExt();">读卡</li>
                                    </ul>
                                </div>
         <!--记录操作tab的状态-->
        <asp:HiddenField ID="<span style="color:#FF0000;">hidfTagHistory</span>" runat="server" Value="1" />

js代码：

        //记录操作tab选择的状态
        function recorverTag() {
            var cur = document.getElementById("<span style="color:#FF0000;">hidfTagHistory</span>").value;
            setTab("one", parseInt(cur));
        }

cs代码：

        //查询
        protected void btnSearch_Click(object sender, EventArgs e)
        {      
           string searchTag = hidfSearchTag.Value;
            string words = txtWords.Text.Trim();
            DataTable dt = null;
            switch (searchTag)
            {
                case "0": //水表编码
                    dt = SearchInfoListByMeterCode(words);

                    break;
                case "1": //客户编码
                    break;
                case "2": //客户名称
                    break;
                default:
                    break;
            }      
          if (dt == null||dt.Rows.Count==0)
            {
                pnlNullInfo.Visible = true;
            }
            else
            {
                pnlNullInfo.Visible = false;
            }
            rptRecordList.DataSource = dt;
            rptRecordList.DataBind();

            //清空客户具体信息
            ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "scriptKey", "clearAccountInfo()<span style="color:#FF0000;"><span style="color:#000000;">;</span>recorverTag();</span>", true);
        }

posted on 2017-06-30 16:18 mthoutai 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/mthoutai/p/7099440.html