Przenieś przycisk do DIV

Question

Potrzebuję przenieść ten nowy przycisk do tego DIV, który już istnieje. Wydaje mi się, że to powinno działać, ale nie działa. Co ja robię źle?

Button button5 = new Button(); 
button5.Text = "Five"; 
button5.CssClass = "buttonCSS"; 
button5.Click += new EventHandler(button5_Click); 
button5.ID = "button5"; 
this.Controls.Add(button5);    

string myscript = @"  
    var navFooter = document.getElementById('NavFooter'); 
    var button5 = document.getElementById('button5'); 
    navFooter.Controls.Add(button5); 
    "; 
Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", myscript, true); 

Wiem, że znaleziono dwa obiekty. Jakieś pomysły?

. (Uwaga: Nie można używać jQuery)

Dziękuję.

Answer 1

Controls.Add() to C#, a nie JavaScript. Aby dołączyć element do innego elementu z JavaScript, użyj appendChild():

navFooter.appendChild(button5); 

Answer 2

Dlaczego robisz to poprzez javascript?

Jeśli zmienisz zawierający <div> na <asp:Panel>, możesz dodać nowo utworzony przycisk bezpośrednio do tego panelu. <asp:Panel> jest renderowany po prostu jako element html <div> i możesz dodać do niego CssClass, aby zachować ten sam styl.

Zapewnia większą ogólną kontrolę po stronie serwera i nie trzeba się martwić o javascript. Zwłaszcza, że ​​i tak pracujesz po stronie serwera.

Answer 3

Wystarczy dodać runat = "server" do div i dodać go w kodzie za:

<div id="dvButtonContainer" runat="server" ... > 

Inną opcją jest użycie panelu, jak wyprowadza div i tak:

<asp:Panel ID="dvButtonContainer" runat="server" ... > 

I w kodzie za:

Button button = new Button(); 
dvButtonContainer.Controls.Add(button); 

EDIT: Ponieważ DI V jest niedostępne, oto sposób obejścia:

Button Button1 = new Button(); 

Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", String.Format("document.getElementById(\"div1\").appendChild({0});", Button1.UniqueID), true);