假設(shè):數(shù)據(jù)源控件GrdiView,無刷新UpdatePannel,友情提示UpdateProgress,分頁下拉框DropDownList
一般情況下:Gridview的分頁有l(wèi)inkbutton或者button,這樣要是想讓UpdateProgress提示,很簡單,先讓GridView隱藏,然后給它加個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 %>">第一頁/asp:LinkButton>
但是DropDownList沒有OnClientClick事件,怎么辦?
因?yàn)樯厦嬲f了Button有Onclientclick我們可以想到借助Button來轉(zhuǎn)換一下?。。?!
解決辦法:在頁面上放一個隱藏的button:
asp:Button ID="btn11" runat="server" CssClass="btnPage"Style="display: none;" OnClick="btn11_Click" OnClientClick="return clearData2();"/>
然后再OnClientClick事件里把下拉框的值賦給一個隱藏域
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)大家對DropDownList設(shè)置客戶端事件也有了大概了解,希望這篇文章真真正正的能夠幫助到大家。
您可能感興趣的文章:- 基于Jquery的將DropDownlist的選中值賦給label的實(shí)現(xiàn)代碼
- 深入DropDownList用法的一些學(xué)習(xí)總結(jié)分析
- ASP.NET DropDownListCheckBox使用示例(解決回發(fā)問題)
- DropDownList綁定數(shù)據(jù)表實(shí)現(xiàn)兩級聯(lián)動示例
- DropDownList獲取的SelectIndex一直為0的問題
- ASP.NET MVC中為DropDownListFor設(shè)置選中項(xiàng)的方法
- JS簡單操作select和dropdownlist實(shí)例
- C#動態(tài)生成DropDownList執(zhí)行失敗原因分析
- 解決DropDownList總是選中第一項(xiàng)的方法