DropDownList设置客户端事件思路

穷则独善其身,达则兼善天下。没有梦想的人到达不了成功的彼岸,也就因此而看不到成功的辉煌。没有梦想的人生是失败的,因为他们根本看不到生命的意义。

假设:数据源控件GrdiView,无刷新UpdatePannel,友情提示UpdateProgress,分页下拉框DropDownList

一般情况下:Gridview的分页有linkbutton或者button,这样要是想让UpdateProgress提示,很简单,先让GridView隐藏,然后给它加个OnClientClick就搞定!
在DropDownList的onchange事件里:

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

跳转到:

 <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事件,怎么办?

因为上面说了Button有Onclientclick我们可以想到借助Button来转换一下!!!!

解决办法:在页面上放一个隐藏的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设置成隐藏域的value!

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

基本思路就实现了,相信通过上面一步步的实现大家对DropDownList设置客户端事件也有了大概了解,希望这篇文章真真正正的能够帮助到大家。

以上就是DropDownList设置客户端事件思路。对员工忠诚,员工反过来就会对你忠诚;对员工负责,员工反过来就会对你负责。更多关于DropDownList设置客户端事件思路请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)

DropDownList添加客户端下拉事件操作

解决DropDownList总是选中第一项的方法

DropDownList获取的SelectIndex一直为0的问题

DropDownList绑定数据表实现两级联动示例