Jquery function not working inside update panel

Question

Rohan Gupta · Answer

i have one check box inside grid but when multiple data are coming then show multiple checkbox dear

Manas Mohapatra · Answer

Hi, In above code only one checkbox is there. If you have multiple checkboxes in your grid then you need to bind hide() method to every checkboxes.

Rohan Gupta · Answer

i have posted all code also please check out that..

Rohan Gupta · Answer

i have place one check box inside gridview but multiples data comes obsly multiples checkbox are there

Manas Mohapatra · Answer

Rohan, Did you bind same method onchange(), OncheckedChanged() to second checkbox. And also add property AutoPostBack proerty as True.

Rajeesh Menoth · Answer

Hi, Use Trigger method... Ref this : 1) http://stackoverflow.com/questions/10463767/jquery-show-function-is-not-working-for-divs-inside-an-asp-update-panel 2) http://www.codeproject.com/Articles/534587/ASP-NET-jQuery-is-not-Working-in-UpdatePanels 3) http://www.codeproject.com/Articles/601683/Working-with-jQuery-within-the-ASP-NET-UpdatePanel

Rohan Gupta · Answer

it's working but fist time when click on check box but when i click another check box this is not working

Manas Mohapatra · Answer

Hi, You can use ScriptManger class instead of Page.ClientScript( RegisterStartupScript() ) ScriptManager .RegisterStartupScript( this , this .GetType(), "Hide" , "Hide();" , true ); Just try and let know.

Rohan Gupta · Answer

Yes , alert box is not comming.

Manas Mohapatra · Answer

That means when you are calling from server side it is not hiding the loader image, correct? Just add one alert box inside Hide() and see that alert box is coming or not??

Rohan Gupta · Answer

Hide function not working properly

Manas Mohapatra · Answer

Rohan, Can you please tell what is not working properly?

Rohan Gupta · Answer

$(document).ready(function () { $("#div_Loader").hide(); }); function Show() { $('#div_Loader').show(); } function Hide() { $('#div_Loader').hide(); } PagerSettings-Mode="NextPreviousFirstLast" PagerSettings-Position="TopAndBottom" PagerStyle-HorizontalAlign="Left" EnableSortingAndPagingCallbacks="true" Width="603px"> AutoPostBack="true" /> ------------------------------- protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindGridview(); } } protected void Unnamed1_CheckedChanged(object sender, EventArgs e) { Page.ClientScript.RegisterStartupScript(this.GetType(), "Hide", "Hide();", true); Thread.Sleep(2000); } protected void BindGridview() { SqlConnection con = new SqlConnection("Data Source=rohan;Initial Catalog=Test;Integrated Security=True"); con.Open(); SqlCommand cmd = new SqlCommand("select * from tbl_emp", con); SqlDataAdapter da = new SqlDataAdapter(cmd); DataSet ds = new DataSet(); da.Fill(ds); grid1.DataSource = ds; grid1.DataBind(); }

Manas Mohapatra · Answer

Please put your code here(aspx code and jquery code also) for better understanding.

Jquery function not working inside update panel

Answers (14)