ASP.net make Buttons set GridView Visible property to True or False -
i have asp.net web page has 2 gridviews. have 2 buttons want able click 1 make 1 gridview visible , other hidden, , other button make first gridview hidden , 2nd gridview visible. when click either of them nothing happens. i've played around gridview visible settings w/ no luck.i'm sure simple. looking! code below:
the 2 gridviews:
<asp:gridview id="gridshowusers" runat="server" autogeneratecolumns="false" datakeynames="user_id" datasourceid="sqldatasource1" allowpaging="true">         <columns>             <asp:commandfield showdeletebutton="true" showeditbutton="true" />             <asp:boundfield datafield="user_id" headertext="user id" insertvisible="false" readonly="true" sortexpression="user_id" />             <asp:boundfield datafield="user_name" headertext="username" sortexpression="user_name" />             <asp:boundfield datafield="user_password" headertext="password" sortexpression="user_password" />             <asp:boundfield datafield="user_securitylevel" headertext="security level" sortexpression="user_securitylevel" />         </columns>     </asp:gridview>  <asp:gridview id="gridorders" runat="server" allowsorting="true" autogeneratecolumns="false" datakeynames="ordr_id" datasourceid="sqldatasource2" emptydatatext="there no orders display" allowpaging="true">         <columns>             <asp:commandfield showdeletebutton="true" showeditbutton="true" showselectbutton="true" />             <asp:boundfield datafield="ordr_id" headertext="ordr_id" insertvisible="false" readonly="true" sortexpression="ordr_id" />             <asp:boundfield datafield="ordr_date" headertext="ordr_date" sortexpression="ordr_date" />             <asp:boundfield datafield="ordr_fname" headertext="ordr_fname" sortexpression="ordr_fname" />             <asp:boundfield datafield="ordr_lname" headertext="ordr_lname" sortexpression="ordr_lname" />             <asp:boundfield datafield="ordr_streetaddress" headertext="ordr_streetaddress" sortexpression="ordr_streetaddress" />             <asp:boundfield datafield="ordr_city" headertext="ordr_city" sortexpression="ordr_city" />             <asp:boundfield datafield="ordr_state" headertext="ordr_state" sortexpression="ordr_state" />             <asp:boundfield datafield="ordr_zipcode" headertext="ordr_zipcode" sortexpression="ordr_zipcode" />         </columns>     </asp:gridview>   code behind buttons:
protected void btnshowusers_click(object sender, eventargs e) {     gridshowusers.visible = true;     gridorders.visible = false; }  protected void btnshoworders_click(object sender, eventargs e) {     gridshowusers.visible = false;     gridorders.visible = true; }      
basically code should work, maybe wrong overall context. please provide code of buttons, , maybe full page code - or stuff maybe in updatepanels?
anyway, have happen via postback, meaning in c#-code? otherwise propose use client side solutions, f.e. jquery or javascript.
in jquery (assuming button ids):
$("#btnshowusers").on("click", function(){   $("#gridshowusers").show();   $("#gridorders").hide(); });  $("#btnshoworders").on("click", function(){   $("#gridshowusers").hide();   $("#gridorders").show(); });   this enables fancy stuff animations (try .hide(500)) or use functions toggle(), , doesn't cause postback , therefore doesn't reload whole page.
don't forget add lates stable jquery library asp.net -section (https://developers.google.com/speed/libraries/#jquery):
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>       
Comments
Post a Comment