Creating Div elements dynamically

Question

0.00/5 (No votes)

See more:

SQL-Server-2008R2

Hi,

I have a requirement where i have to create a Div dynamically on button click.

The Div will have some other child div and controls in them. For that i have created a User control for whole div and i am adding it to a panel.

Now my actual requirement is when user clicks on button div(Usercontrol) should get created the number of times button is clicked. created div's should be saved and later if i open the page dynamically added Div's should be displayed.

The same with deleting also.

The code thing should happen from code behind.

If any one have idea of it please help me.

Thanks in advance

Midhun Bezawada

Posted 3-Apr-14 18:30pm

midhun3600

Updated 3-Apr-14 18:32pm

v2

Add a Solution

1 solution

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)

Er. Puneet Goel · Answer 1 · 2014-04-03T18:35:00

Solution 1

Hi Midhun,

Now if you are adding controls on Client side by jquery/JavaScript then call a webmethod and save the control state else if on server side then also just after adding the div, call a method to save the control state. In case any issue, please update me.

Posted 3-Apr-14 18:35pm

Er. Puneet Goel

Comments

midhun3600 4-Apr-14 1:08am

How can i save control state could you please explain, because control once added should be added permanently.

midhun3600 4-Apr-14 1:09am

i want to save the whole control(user control) it-self.

Er. Puneet Goel 4-Apr-14 1:31am

ok, can you explain bit more like what you actually wanted to implement?

midhun3600 4-Apr-14 2:24am

i wanted to add a user control.In that user control i kept all the div element and controls i needed.

Now from my front end i have a textbox to have a title for that user control.
when user enters text and clicks on button,user control should be added to page for that particular user permanently.
if user logout and logs in again user control added before should be like that only.

likewise i can add any no.of controls to page for a particular user.
i can achieve this statically by adding them in markup but i want to make it dynamic.

Er. Puneet Goel 4-Apr-14 2:28am

yes you can do this, you can have a table with UserControl in database and you can save the value that user has added the control. Now if user added two control save the value to 2. But if you have more info to save please provide the code

midhun3600 4-Apr-14 3:05am

public partial class Network : System.Web.UI.Page
{

Dictionary<string,>
myControlList; // ID, Control ascx path

protected void Page_Load(object sender, EventArgs e)
{

}

protected override void OnInit(EventArgs e)
{
base.OnInit(e);

if (!IsPostBack)
{
myControlList = new Dictionary<string,string>(); //new Dictionary<string,string>();
Session["myControlList"] = myControlList;
}
else
{
myControlList = (Dictionary<string,>)Session["myControlList"];

foreach (var registeredControlID in myControlList.Keys)
{
ASP.div_ascx controlToAdd = new ASP.div_ascx();

controlToAdd = (ASP.div_ascx)controlToAdd.LoadControl(myControlList[registeredControlID]);
controlToAdd.ID = registeredControlID;
controlToAdd.MsgLabel = registeredControlID;
pnltest.Controls.Add(controlToAdd);
}
}
}

protected void Button1_Click(object sender, EventArgs e)
{
ASP.div_ascx controlToAdd = new ASP.div_ascx();
controlToAdd = (ASP.div_ascx)controlToAdd.LoadControl("Div.ascx");
controlToAdd.MsgLabel = txtLabelName.Text;
controlToAdd.ID = controlToAdd.MsgLabel;
pnltest.Controls.Add(controlToAdd);
if (controlToAdd.ID != txtLabelName.Text)
//still have to code properly
myControlList.Add(controlToAdd.ID, controlToAdd.AppRelativeVirtualPath);

}

}

by doing this i will have my control added to page. now i want to save this.
for example
user1 added to controls.
user2 added 4 controls.
if later they login with their respective login ID. control added by them should be visible.
remember that iam adding them from code behind not from markup.