How Do I Hide Textbox In Edit Mode

Question

0.00/5 (No votes)

See more:

Hello Guys i Have Question How i Hide this textbox In edit template ? Back Code

ASP.NET

<HeaderTemplate>
                    ID<br />
                    <asp:TextBox ID="IDSrch" runat="server" OnTextChanged="IDSrch_TextChanged"></asp:TextBox>
                </HeaderTemplate>

Posted 3-Jan-16 20:27pm

GTR0123

Updated 3-Jan-16 20:28pm

v2

Add a Solution

Comments

Herman<T>.Instance 4-Jan-16 3:58am

Set ReadOnly="True" in TextBox tag

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pravin.Bhosale01 · Answer 1 · 2016-01-03T21:57:00

(from whatever I got from the one liner question)
Not sure about back code, but jQuery can help in great way. Hide text box from client side using jQuery.
Use specific check on client side to see if grid is in edit mode or set flag(hidden field etc) from back code to let client side know that the grid is editable. and hide textbox.

$('<%= IDSrch.ClientID %>').hide();

Or you can elaborate more about the situation if this doesn't help.

koolprasad2003 · Answer 2 · 2016-01-04T18:28:00

Solution 4

basically when you use gridview textbox there is dynamic ID creation, and you can not hide particular textbox box, you need to either use client side scripting to hide textboxes or you need to run code behind code to hide entire column

Posted 4-Jan-16 18:28pm

koolprasad2003

Comments

Pravin.Bhosale01 5-Jan-16 7:59am

Same thing I suggested above, GTR0123 is not able to make it working.

Pravin.Bhosale01 · Answer 3 · 2016-01-04T00:59:00

Solution 3

OnRowEditing event. Add this code to call javascript function from back code(Code behind)

ASP.NET

Page.ClientScript.RegisterStartupScript(this.GetType(),"CallMyFunction","HideTextBox()",true);

Now on your .aspx page, write below code block

Javascrpre

<script type="text/javascript">

function HideTextBox(){
$('#<%= IDSrch.ClientID %>').hide();
}

</script>

Make sure you put javascript code on .aspx page(not in any .js file). hope this will solve your problem.

Posted 4-Jan-16 0:59am

Pravin.Bhosale01

Updated 5-Jan-16 2:02am

v2

Comments

GTR0123 4-Jan-16 7:13am

On Javascript code It can't See IDsrch

Pravin.Bhosale01 4-Jan-16 7:40am

make sure ID of control is correct. If problem still persist. Use css class name to control.

cssClass='txtHideThis'
So your text box code will look like
<asp:TextBox ID="IDSrch" runat="server" OnTextChanged="IDSrch_TextChanged" cssClass="txtHideThis">

and change javascript code to below.
$('.txtHideThis').hide();

GTR0123 5-Jan-16 3:03am

it isn't working it isn't doing anything i check everything but not working MBy becouse this textbox is in Gridview in HeadeR?

Pravin.Bhosale01 5-Jan-16 8:01am

have you tried executing $('.txtHideThis').hide(); from browser's console, Please check if any JS error.
Also, make sure if you are using ID to access textbox in JQuery code you are using $('#<%= IDSrch.ClientID %>').hide();

And if you are using cssClass use $('.txtHideThis').hide();

Jiyaji_ · Answer 4 · 2016-01-03T22:48:00

Solution 2

in .cs file write this, you can fill value, but can't edit

IDSrch.enabled=false;

Posted 3-Jan-16 22:48pm

Jiyaji_

How Do I Hide Textbox In Edit Mode

4 solutions

Solution 1

Solution 4

Solution 3

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us