假設(shè)：數(shù)據(jù)源控件GrdiView，無刷新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 style="color:#ff0000;">OnClientClick="return clearData();"/span>
CommandName="Page" CommandArgument="First" Enabled="%# ((GridView)Container.Parent.Parent).PageIndex != 0 %>">第一頁(yè)/asp:LinkButton>
但是DropDownList沒有OnClientClick事件，怎么辦？
因?yàn)樯厦嬲f了Button有Onclientclick我們可以想到借助Button來轉(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();
}
}
基本思路就實(shí)現(xiàn)了，相信通過上面一步步的實(shí)現(xiàn)大家對(duì)DropDownList設(shè)置客戶端事件也有了大概了解，希望這篇文章真真正正的能夠幫助到大家。
您可能感興趣的文章:- 基于Jquery的將DropDownlist的選中值賦給label的實(shí)現(xiàn)代碼
- 深入DropDownList用法的一些學(xué)習(xí)總結(jié)分析
- ASP.NET DropDownListCheckBox使用示例(解決回發(fā)問題)
- DropDownList綁定數(shù)據(jù)表實(shí)現(xiàn)兩級(jí)聯(lián)動(dòng)示例
- DropDownList獲取的SelectIndex一直為0的問題
- ASP.NET MVC中為DropDownListFor設(shè)置選中項(xiàng)的方法
- JS簡(jiǎn)單操作select和dropdownlist實(shí)例
- C#動(dòng)態(tài)生成DropDownList執(zhí)行失敗原因分析
- 解決DropDownList總是選中第一項(xiàng)的方法
