How to Refresh the UserControl not the Whole Page In ASP.net

[vuyiswam]

Good Morning

I have the Following User Control in the Pic "UserControl_Design_Mode.JPG" and i have the Following code to enable Partial Rendering

UserControl_Design_Mode.JPg

    /*Enabling Partial */

    [DefaultValueAttribute(true)]

    [CategoryAttribute("Behavior")]
    
    public bool EnablePartialRendering { get; set; }

Am exposing the Properties of a usercontrol like like this

    public UpdatePanelUpdateMode UpdateMode
    {

        get
        {
            return this.UpdatePanel1.UpdateMode;
        }
        set
        {
            this.UpdatePanel1.UpdateMode = value;
        }


    }

And there are of them


and i went to the Hosting page we have a pic




for Example, in the Button Remove i have Finally something like this

   Response.Redirect("SubjectStaff.aspx", false); //Refresh the Page again

I was Forcing a Postback and the Whole Page flickers, i want to Refresh only the UserControl.

i tried the Following instead of the above statement



Here am trying to call the name of the usercontrol first and then the Properties it exposes, but i only get the load and load1 event , it seems every is hiden now since i have taken the Control inside the Update Paanel in the User Control.


Can you Help me in that Regard

Thanks

[boobface2009]

As far as I know there is no way to reload a particular part of any page without using some type of independent HTTP request such as Ajax or a Web Service. If you post back it will always reload the entire page because that is what a postback is. You are sending the entire form back to the service for some processing before the entire form is to be rendered again.

You could use Ajax to re-render a particular component of the page but for what you are describing I dont think that it is a good solution either. Is there any reason why you can't use client-side javascript to make the changes to your page while it's still on the client's machine?

Using a javascript type approach you would just render the html for the full component. If EnablePartialRendering is set then it should just set the style attribute of the html elements you want not to be visible to style="display:none;". This will make sure that they are not visible in partial mode. Basically you would render some javascript that would look something like this:

function PartialMode()
{
//set style properties for elements to be hidden
document.getElementById("ELEMENT1").style.display="none";
document.getElementById("ELEMENT2").style.display="none";
document.getElementById("ELEMENT3").style.display="none";
document.getElementById("ELEMENT4").style.display="none";
}
function FullMode()
{
//set style properties for elements to be shown
document.getElementById("ELEMENT1").style.display="";
document.getElementById("ELEMENT2").style.display="";
document.getElementById("ELEMENT3").style.display="";
document.getElementById("ELEMENT4").style.display="";
}