I am trying to add dynamically a user control I created to an aspx page after it is loaded. I tried sending an ajax request to a handler that used RenderControl function and sent back the control's html. I appended it to the DOM using javascript.
The problem is that some of the controls must go through their Page_Load function and that doesn't happen when using RenderControl function.
In my default.aspx page I have a PlaceHolder control within an UpdatePanel. In this placeholder control I will dynamically load a web user control, which is just a form with a submit button. On this user control, I have the form within an update panel and I have the "Submit" button's Click Event added to the triggers.
When I submit the form, the UpdatePanel on the web user control nor the update panel on the default.aspx page are capturing the post back, thus causing a full post back which refreshes my page.
how to capture this post so its rendered in Ajax and not a full post back?
Hosting page:
protected void Page_Load(object sender, EventArgs e)
{
LoadMyControl(Parameters); //Do it every page load to preserve it's state
}
protected void LoadMyControl(string parameters)
{
plchld.Controls.Clear();
Control userControl = LoadControl("TheUserControl.ascx");
userControl.ID = "userControl1";
plchld.Controls.Add(userControl);
}
Now inside this control, when a button is clicked I want to update ,let's say a Label on the hosting page.
What is the best way to do it? Custom event?
I have user control that inherits a base control class and these user controls are loaded using the LoadControl method, I can't seem to figure out how to raise events from user controls to the page that are dynamically loaded this way. Here is the delegate and event in the base user control class.
public delegate void SomeChangeEventHandler(object sender
, SomeChangeEventArgs e);
public event SomeChangeEventHandler SomeChangeEvent;
public virtual void OnSomeChanged(SomeChangeEventArgs e)
{
if (SomeChangeEvent != null)
{
SomeChangeEvent(this, e);
}
}
I need to update datalist in image gallery when fileupload has been completed.
<div style="display: block;">
<div>
<div style="padding-left: 15px; padding-right: 15px;">
<div>
<uc1:ctrlFileUpload ID="ctrlFileUpload1" runat="server" />
<uc2:ctrlImageGallery ID="ctrlImageGallery1" runat="server" />
</div>
<div>
</div>
</div>
</div>
</div>
In the Control File Upload I need to fire the the other ctrl to refresh the page.
<asp:UpdatePanel ID="UpdatePanelUploadArea" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<span>
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />
<asp:Button ID="UploadButton" runat="server" Text="Upload Now" OnClick="UploadButton_Click" />
<asp:Label ID="lblResult" runat="server" ForeColor="#0066FF"></asp:Label>
<br />
</span>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="UploadButton" />
</Triggers>
</asp:UpdatePanel>...........
On my web page, I have few controls.
Sometime one of those control was not completly loaded.
I would how do I know a user control was completly loaded.
I have created a web user control (MemberDetails.ascx) which is loaded dynamically on a page (Member.aspx) for my website. The control has some TextBoxes. I want to store the values inputted by a user in these TextBoxes to a database on the click event of a button that is on the Member.aspx page (i.e. not a part of user control).
I'll use a small code for example.
Member.ascx page:
[Code]....
I have created a user control that contains two asp calendar controls. I need to add this user control twice on the same asp page, let's say for Check in date and Check out date. Since the two are conflicting to each other when I add it twice statically, I now dynamically add them on button click so that each time only one control is loaded. The problem is, when I select a date on a calendar, it seems that the selection event is not happening at all. Of course, I am not getting any date.
View 4 RepliesI'm doing a menu that loads levels dynamicly, when you click on a item the next level is loaded asynchronously. For each menu item I have a user control. Every user control is declared in its parent, for example, the "secondlevelcontrol" has the reference to "thirdlevelcontrol".With this level of nesting, I want to manage the asynchronous calls on every user control so, when the first level is loaded the javascript to load the second is loaded too. When the second level is loaded the javascript to load the third is loaded too.
To do asynchronous calls I'm implementing ICallbackEventHandler interface. As you can see in the examples, controls are added to the page as plain html. The method "ProcessOnLoadEvent" executes all lines of the "OnLoad" event of the user control.An example of the implementation is this for the user control of fourth level:
public string GetCallbackResult()
{
return _callbackRendering;
}
[code]...
I have a problem with ViewState. I have an aspx page that has a treeview on the left and an UpdatePanel with an ASP.NET Panel inside on the right. It is in that inner Panel where I load and unload dynamically user controls. I use that update panel to load dynamically controls.
I also made a custom control for my user controls because I need to pass some values from page. On that constructor I use ViewState to store these values.
The first time I load the user control I call its constructor with parameters. When I reload that user control on each postback I use its normal constructor.
My problem is I the values I've stored on ViewState has become null on successive postback.
Update:
This is a piece of my user control:
public class MyUserControl : System.Web.UI.UserControl
{
private int PKId
{
get { return ViewState["pkId"] as int; }
set { ViewState["pkId"] = value; }
}
public MyUserControl(int pkId)
{
this.PKId = pkId;
}
...
}
I'm following this article to load controls dynamically: http://msdn.microsoft.com/en-us/magazine/cc748662.aspx#id0070065.
Second Update:
I also set the same control ID when I load the user control at first time and on each reaload.
Maybe I can use another method to store these values like input hidden fields or Cache. I've choosen ViewState because I don't want to overload server with Session values for each user.
Third update:
I load the controls with this code:
System.Web.UI.UserControl baseControl = LoadControl(ucUrl) as System.Web.UI.UserControl;
if (baseControl != null)
{
baseControl.ID = "DestinationUserControl";
PanelDestination.Controls.Add(baseControl);
}
And reaload with this code:
DynamicControls.CreateDestination ud = this.LoadControl(TrackedUserControl) as DynamicControls.CreateDestination;
if (ud != null)
{
ud.ID = "DestinationUserControl";
PanelDestination.Controls.Add(ud);
}
My main file is messages.aspx and i am loading a UC names message_inbox.ascx dynamically as:
SiteUserControls_Message_MessageInbox InboxUC = Page.Load("message_inbox.ascx") as
SiteUserControls_Message_MessageInbox
Now in my user control ("message_inbox.ascx") i have a various events which i am combining in one group event :
public void ForwardLinkButton_OnClick(object sender, EventArgs e)
trigger dynamically loaded usercontrols click event?
What i did.........Created User Control like One.ascx with one button
<%@ Control Language="C#" AutoEventWireup="false" CodeFile="one.ascx.cs" Inherits="one" %>
<asp:Label ID="Label1" runat="server" Text="Hello, this is My First User Control dynamically loaded :)">
</asp:Label><asp:Button ID="btnShow" runat="server" Text="Show" OnClick="btnShow_Click" />
On Code behind public void btnShow_Click(object sender, EventArgs e) {
[Code] .....
Fail to redirect user to google.com by clicking button which written in .ascx file.
I have a aspx page, default.aspx, with an user control in it. Inside the user control (UC 1) there is a DataGrid. When the DataGrid is loading data with ItemDataBound, I need to dynamically load another user control (UC 2) for each row in the DataGrid. UC 2 has a Button ( BTN )with an eventhandler associated with it in code behind.
User control loading is fine, and the Button, BTN, is there. However, when I click the Button, the eventhandler is not reached, not firing, even though the page does postback. I googled for this issues, and I know the dynamically loaded user controls need to be loaded every time the page is postback. In my case, it needs to be loaded each time the datagrid is doing ItemDataBound. I did it and even hook up the eventhandler with button click event each time when the user control is dynamically loaded. I set EnableViewState to true on the Page and controls.
The following is part of the code from UC 1, AcctPaymentDetail is UC 2 in the code.
[Code]....
And the following is UC 2 the is being loaded:
[Code]....
[Code]....
I have a blank user control (child) and during Page_Load i create some text boxes and a button. I also add an event to the button.
I then load that user control dynamically from a placeholder in another usercontrol (parent). Both controls are rendered correctly but when i click on the button, the event isnt fired. how to handle the event?
Child code:
[code].....
If i use the child control directy (ie without the parent the control) the click event is raised and handled nicely. But when i use the parent control, the debugger wont even hit a breakpoint inside UpdateButton_Click().
I have a tab control on my page and on click of tab user control is loaded dynamically.I need to load the javascript file of that user control dynamically. I don't want to add the reference of my js file on parent page.so in my .ascx page load event i added:
System.Web.UI.HtmlControls.HtmlGenericControl js = new System.Web.UI.HtmlControls.HtmlGenericControl("script");
js.Attributes["type"] = "text/javascript";
js.Attributes["src"] = "../../js/DatesJavaScript.js";
Page.Header.Controls.Add(js);
but it is not working.
I have some logging that has to be done, which are some database update or inserts.
However this logging is of no importance to the user, so I only want to process the data/logs after the page is completed for the user.
As of now, if I process the data while the page is loading, I go from 1.4 to 2.0 speed (server side time processing of code), which is quite a bit comparing it is of no use to the user.
So I want this code only executed after that the page is complete.
I've been checking out Ajax, async pages etc, but the problem is it still gets executed before the page is rendered to the client, which means the client will have to wait longer then it is not being processed.
I've been checking out Threadpool.queueBackgroundWorker, however if I get it correct, this will still be executed before the page is shown to the user, as it has to complete before the prerender.
Then I thought about creating a new thread, and do the processing there, which would not have my page waiting to complete the data/logging.
However when I have 100 or 200 users loading pages at the same time, then that would mean I would be creating 200 threads on those loads, which I doubt will be good for performance. So if I want to solve this, I would have to create my own threadpool and only assign for example a max of 40 threads to it which can process the data.
All I want to get done, are some update/inserts into database after the page is rendered and shown to the user. I don't want the logging to slow down the pageload for the users obviously. I want that logging or no logging makes no difference to the pageloadtime for the user at all.
I have a user control that is dynamically added to a placeholder control inside an update panel in my main page. The user control has a linkbutton where I try to handle its Command event. The first time the link button is clicked after the user control loads, the form posts back but the command event handler does not execute, although the user control is still on the screen. The second and subsequent times the link button is clicked it works perfectly. When the user control first loads and I mouse over the link button, the browser status bar says: javascript: __doPostBack('ctl08$lbTest',''). After the first click, when I mouseover the link button the browser status bar shows javascript:__doPostBack('ctl07$lbTest',''). Why the changed in id, I can't figure but it must be why it is not hitting the event handler the first time it's clicked. Here is the cs code that loads the user control:
[Code]....
this works great on my dev machine, but not working on godaddy.com. Every time I clicked on the image, the page is just loaded itself instead of going to the previewphoto.aspx page.
<img id="ctl00_ContentPlaceHolder1_ImgPhoto" class="ImgPhoto" onclick="<!--ow.open('../member/previewphoto.aspx?uid=676971b9-ca9e-463e-8b48-6b5d5b1b01c2&id=22', 'child', 'scrollbars,width=650,height=600--> return false" src="../Photos/../photos/UserLock.png" style="height:100px;width:100px;border-width:0px;" /><br /><br />
[code].....
Got a windows forms user control dll embedded in an asp page using the html form control object tag as it needs to run client side. The windows form control does something and then needs to redirect to a another aspx page passing a parameter obtained from a calculation in the windows form contro dll. Is the redirect possible from the windows form control (same session id needs to be used) since obviously you can't call response.redirect since its not part of the server side wep page.
View 3 RepliesI'm developing an ASP.NET application with C# and Ajax.I have a page that holds user controls loaded dynamically. I need to pass some data (integer values and some strings) to the user control that has been loaded dynamically.Now I use Session to pass these values, but I think I can use another way; something like VIEWSTATE or hidden input.What do you recommend me?The fact that I load the controls dynamically is important because controls are loaded on every postback, and I can't store any value on controls.
View 9 RepliesI am using Modalpopup from Ajaxtoolkit,I want to show popup control when the page is loaded.
I don't want to click on LinkButton or Button,actually i want show it in "pageload".
i would like to ask about how can i open user control page when i click a button on parent page, also, can i call parent's method from user control page and then refresh parent page?
View 8 RepliesI have written a user control that captures some user input and has a Save button to save it to the DB. I use a repeater to render a number of these controls on the page - imagine a list of multiple choice questions with a Save button by each question.
I am loading the user control inside the repeater's ItemDataBound event like this (code simplified):
[code]....
The problem is that when the Save button is clicked, the page posts back, but lbnUpdate_Click is not called. The Page_Load event of the page itself is called however.
I should mention that the repeater is part of a user control, and that user control is loaded inside another user control (this is a DotNetNuke site which makes heavy use of user controls). The Save button link looks like this:
javascript:__doPostBack('dnn$ctr498$AssignmentsList$rptAssignments$ctl04$ctl00$lbnUpdate','')
I've got a web site that has a master page and that master page (mpMaster that has a user control ucControl1) which has a sub user control (ucControl2), this user control has a property which accepts a value. Now, I have a page that uses the master page
and on this page I have another user control (ucPageControl), I need to find a way of setting the value in ucControl2 from ucPageControl. Is this possible at all?
have two user controls on one aspx page. UC1 has a grid which contains a link button column which user clicks. Based on the value of clicked cell, I need to show some data into UC2.How do I pass data from UC1 to UC2? How do I invoke a function of UC2 from UC1?
View 2 Replies