Inside griview how to show the panel while clicking the butt

Question

Hi

I have a gridview it contains one button ,inside griview i have a panel ,when i click on a button,the panel will shown.Basically i put the panel style:dispaly:none.

I tried some method but thats nOt working.

Midhun T P · Answer

Hi Your show function should be like below - function Show(obj) { $(obj).parent().parent().find('[id*=pnlGrd]').show(); return false; }

Midhun T P · Answer

Hi That depends on where your button is. Which means if it is inside same itemtemplate of first button or inside other item template likewise.. There is no common way to show that in gridview. You have to identify that particular button or any control for particular row using parent() child() etc.. methods of jquery. Please refer my article below - http://www.c-sharpcorner.com/article/accessing-controls-inside-gridview-using-c-sharpjquery3/

Vasanth Jack · Answer

Thanks Mithun But Now am adding One more button inside gridview .So How to show the button in jquery. In default button visible=falseHow to show the button in jquery

Midhun T P · Answer

Hi In the code you provided there is one button inside gridview which on clicking calls Show() function. Next button is inside Datalist. So which button you are talking about showing while clicking first button?

Vasanth Jack · Answer

Please give the refernce Mithun

Vasanth Jack · Answer

No Mithun The Button will be in the Gridview not datalist

Midhun T P · Answer

Hi Did you mean the button inside datalist? Try below script - function Show(obj) { $(obj).parent().parent().find('[id*=pnlGrd]').show() $(obj).parent().parent().find('[id*=pnlGrd]').find('[id*=btnSeat]').show(); return false; }

Vasanth Jack · Answer

How to show the other button in function SHOW() Am using this method function Show(obj) { $(obj).parent().parent().find('[id*=pnlGrd]').show(); var obj1 = document.getElementById($ ('[id*=btnSea]')); $(obj1).show(); return false; But Not working

Vasanth Jack · Answer

Thanks Chetan Now my issue is I have a gridview in the girdview am using button and inside the gridview am using one datalist it contains some datas depond the gridview values. When we click the button the datalist will show. But Now my issue is the datalist is shown but all the datas in the Datalist is shown. But i Need which row i click a button that row datas only shown $(function Show() { $([id*=btnSeat]).live(click function () { debugger; $(this).find($('[id*=pnlGrd]').show()); return false; }); }); AutoGenerateColumns=false onrowdatabound=rptrbus_RowDataBound> '> '> height: 20px; width: 20; width: 20px; float: none; margin-bottom: -3px;  alt= /> '> '> Rs: '> '> background-color: brown; color: antiquewhite; height: 24px; border-radius: 12px;  runat=server CssClass=seatbtn OnClientClick=return Show(this) CausesValidation=true Text=ViewSeats /> height: 59px; width: 40px;  runat=server Text=' ' />

Chetan Ranpariya · Answer

What Do you mean by thats not working?