DropDownList如何設(shè)置客戶端事件

本篇內(nèi)容介紹了“DropDownList如何設(shè)置客戶端事件”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

假設(shè)：數(shù)據(jù)源控件GrdiView，無(wú)刷新UpdatePannel，友情提示UpdateProgress，分頁(yè)下拉框DropDownList

一般情況下：Gridview的分頁(yè)有l(wèi)inkbutton或者button，這樣要是想讓UpdateProgress提示，很簡(jiǎn)單，先讓GridView隱藏，然后給它加個(gè)OnClientClick就搞定！
在DropDownList的onchange事件里：

function selectChange() { 
      if ($("select option").is(":selected")) { 
        $("#btn11").click(); 
      } 
    }

 跳轉(zhuǎn)到：

 <asp:DropDownList ID="ddlNeedPage" runat="server" AutoPostBack="true" onchange="return selectChange();">
 </asp:DropDownList>

function clearData() { 
      //$("#<%=_gvGuest.ClientID %>").empty(); 
      $("#_gvGuest").empty(); 
      //$("#<%=lblMessage.ClientID %>").hide(); 
      $("#lblMessage").hide(); 
    }

<asp:LinkButton ID="lnkFirstPage" runat="server" <span >OnClientClick="return clearData();"</span> 
CommandName="Page" CommandArgument="First" Enabled="<%# ((GridView)Container.Parent.Parent).PageIndex != 0 %>">第一頁(yè)</asp:LinkButton>

但是DropDownList沒(méi)有OnClientClick事件，怎么辦？

因?yàn)樯厦嬲f(shuō)了Button有Onclientclick我們可以想到借助Button來(lái)轉(zhuǎn)換一下?。。?！

解決辦法：在頁(yè)面上放一個(gè)隱藏的button：

<asp:Button ID="btn11" runat="server" CssClass="btnPage"Style="display: none;" OnClick="btn11_Click" OnClientClick="return clearData2();"/>

然后再OnClientClick事件里把下拉框的值賦給一個(gè)隱藏域

function clearData2() { 
      var hidDDL = $("#_gvGuest_ddlNeedPage").val(); 
      $("#hidNeedPage").attr("value", hidDDL); 
      $("#_gvGuest").empty(); 
      $("#lblMessage").hide(); 
    }

然后在click事件里將_gvGuest的PageIndex設(shè)置成隱藏域的value！

protected void btn11_Click(object sender, EventArgs e) 
    { 
 
      if (!string.IsNullOrEmpty(hidNeedPage.Value)) 
      { 
        _gvGuest.PageIndex = Convert.ToInt32(hidNeedPage.Value); 
        BindData(); 
      } 
    }

“DropDownList如何設(shè)置客戶端事件”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！