yogesh a sharma Ответов: 6

Как динамически добавить элемент HTML div с помощью ASP.Net и C#

Привет, я Йогеш, и я хочу знать, как динамически добавить div на страницу ASP.
Пожалуйста, также предложите динамически изменять его высоту и ширину.
Пожалуйста, приведите пример.

OriginalGriff

А что вы пробовали?

Ala'aldin Alzu'bi

где вам нужно добавить DIV? на странице или внутри конкретного элемента управления?

6 Ответов

Рейтинг:
43

hitech_s 

System.Web.UI.HtmlControls.HtmlGenericControl newdiv = System.Web.UI.HtmlControls.HtmlGenericControl

newdiv.style.height="200px";
newdiv.style.width="250px";

[no name]

Отредактировано для тега "pre".

hitech_s

что такое "отредактировано для предварительного тега"?

Christoph Keller

Это означает, что RaisKazi улучшил ваше решение, добавив тег "pre" вокруг вашего кода. Это было просто улучшение читабельности. Вы можете сделать это самостоятельно, когда пишете сообщение на CodeProject, окружив любой код, который вы вставляете, тегом "pre".

Надеюсь, это поможет.

Хорошего дня,
Крис

Tech Code Freak

Мои 5!

dinesh_verma

http://www.odix.in

Рейтинг:
2

sudhakar lambat 

<asp:Panel ID="Panel2" runat="server" groupingtext="Nodes" height="100%">
    <div id="mydiv" align="left" style="width: 170px; text-align: top; overflow: auto; height: 100%;<br mode=" hold=" />                                min-height: 100%;">
        <asp:treeview runat="server" id="treesiteMap" onselectednodechanged="SiteMapTree_SelectedNodeChanged">
            Style="text-align: left; margin-left: 0; margin-right: auto; padding-left: 0;
            padding-right: auto; position: static" meta:resourcekey="treesiteMapResource1">
            <hovernodestyle backcolor="LightBlue" />
            <selectednodestyle backcolor="LightGray" />
        </asp:treeview>
    </div>
</asp:Panel>

Рейтинг:
2

Neema Derakhshan

вы должны добавить панель asp в свой html, например "pnlYogesh"
и затем : 

HtmlGenericControl divYogesh = new HtmlGenericControl("div");
divYogesh.Attributes.Add("class","myClass");

pnlYogesh.Controls.Add(divYogesh);

CSS : 
.myClass
{
  width:100px;
  height:100px;
}

Vinay Kumar Tiwary

Привет ... я попробовал твой код. Он отлично работает для одного экземпляра, но когда я пытаюсь добавить несколько дивов, он просто не работает. Я использую кнопку для добавления динамических дивов. Когда я нажимаю в первый раз, он добавляет этот div на панель, а когда я нажимаю его снова, он не добавляет другой div на ту же панель. Не могли бы вы решить мою проблему? Спасибо..

Рейтинг:
1

Neema Derakhshan 

protected void Page_PreInit(object sender, EventArgs e)
    {
        GenerateControls();
    }

    protected void Page_Load(object sender, EventArgs e)
    {

    }

    private void GenerateControls()
    {
        if (Session["divCount"] != null)
        {
            int divID = (int)Session["divCount"];

            for (int i = 0; i < divID; i++)
            {
                HtmlGenericControl divYogesh = new HtmlGenericControl("div");
                divYogesh.Attributes.Add("class", "myClass");
                divYogesh.Attributes.Add("id", (i + 1).ToString());

                pnlYogesh.Controls.Add(divYogesh);
            }
        }
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        if (Session["divCount"] == null)
            Session["divCount"] = 1;
        else
        {
            int divID = (int)Session["divCount"];
            divID++;
            Session["divCount"] = divID;
        }

        HtmlGenericControl divYogesh = new HtmlGenericControl("div");
        divYogesh.Attributes.Add("class", "myClass");
        divYogesh.Attributes.Add("id", Session["divCount"].ToString());

        pnlYogesh.Controls.Add(divYogesh);
    }


надеюсь, это тебя обрадует :)

akshaynangare22@gmail.com

что такое пнлйогеш? на линии лааст

Neema Derakhshan

это

<asp:Panel ID="pnlYogesh" runat="server"/>

что вы можете поместить его в любом месте вашей формы

Рейтинг:
1

Yohanda

Вы можете добавить его в свою панель или другой элемент управления...

пример:

=> в разметке/asp.net

&ЛТ;АСП:панели ID="TestPanel" атрибут runat="сервер" атрибутов xmlns:АСП="#неизвестный"&ГТ;


=> В коде позади

System.Web.UI.HtmlControls.HtmlGenericControl newdiv = System.Web.UI.HtmlControls.HtmlGenericControl

newdiv.style.height="200px";
newdiv.style.width="250px";



TestPanel.Контроль.Добавить(newdiv);

Рейтинг:
0

nit_singh

Если вы хотите, чтобы это было сделано в Javascript, то используйте createElement()

взгляните на этот пример

function addDiv(innertext) 
{
      var r  = document.createElement('Div');
      r.style.height="20px";
      r.style.width="25px";
      r.appendChild(innertext);
}


это добавит div на страницу. Если вы хотите добавить это в определенный элемент управления, то use может использовать

document.getElementById('specific control name').createElement('Div');

Tech Code Freak

Мои 5!