SHOWHIDE JAVASCRIPT CODE

But, why do you think nothing is retaining it's viewstate. If it is the only solution then I guess it has to be done. I do not create the panel in the background and I don't really have the time to recreate the panel in the background. It's just the panel made for each user with different information in it depending on the user.īelow is the template field I have that houses the panel, it is under the TR with the ID of 'DetailsPane' If we click show password a green scan line scan. Here is the final preview of the project, you can see when the page loads a scanning animation scan input field.

In javascript first, we access all Html elements then add an event listener to work when a user clicks on show hide password.

SHOWHIDE JAVASCRIPT CODE

String panelState = (hiddenFieldRef.Value = 'none') ? 'none' : 'block' īuttonRef.Text = (panelState = 'none') ? 'Show Panel' : 'Hide Panel' We write all our code to show hide password functionality. PanelRef.ID = string.Format('Panel_') ', panelRef.ClientID, hiddenFieldRef.ClientID) ī('onclick', clickHandler) If ((placeHolderRef != null) & (buttonRef != null) & (hiddenFieldRef != null)) HiddenField hiddenFieldRef = (HiddenField)gridRow.FindControl('HiddenField1') PlaceHolder placeHolderRef = (PlaceHolder)gridRow.FindControl('PlaceHolder1') īutton buttonRef = (Button)gridRow.FindControl('Button1') Protected void DataGrid1_PreRender(object sender, EventArgs e)įor (int i=0 i< i++)ĭataGridItem gridRow = DataGrid1.Items I'm not sure why, or how for that matter, you are creating dynamic Panels in a DataGrid in the PreRender page event, but the best way would be to handle the Grid's PreRender event. = (panelStateRef.value = 'none') ? 'none' : 'block' Var buttonRef = document.getElementById('panelButton') Var panelRef = document.getElementById('') In my example I set the width and height of the Panel control but you can as easily set the visibility in the style, or better in a class (external stylesheet). PanelStateRef.value = īuttonRef.value = ( = 'none') ? 'Show Panel' : 'Hide Panel' Hi, you just set the visibility of the panel to hidden at design time. Var panelStateRef = document.getElementById('')

Showhide javascript