2015-05-06 198 views
0

我有3個文本框供用戶輸入。 我希望用戶輸入姓名,電子郵件和年齡,然後單擊按鈕將其放入表格中。從文本框動態添加文本到表格

我已經使用設計模式創建了它,但是我有表格問題,應該如何創建表格? 我怎樣才能讓它創建一個新的行,並從文本框中的信息到正確的單元格?

這是代碼我真的想要做:

public partial class WebForm1 : System.Web.UI.Page 
{ 
    Table myTable; 
    TableCell[] td; 
    TableRow tr; 
    protected void Page_Load(object sender, EventArgs e) 
    { 

     myTable = new Table(); 
    } 

    protected void btnAdd_Click(object sender, EventArgs e) 
    { 
     for (int i = 1; i <= 1;i++) 
     { 
      tr = new TableRow(); 
      for(int j = 0; j <=3; j++) 
      { 
       td = new TableCell[3]; 
       td[0].Text = txtName.Text; 
       td[1].Text = txtMail.Text; 
       td[2].Text = txtAge.Text; 

       tr.Cells.Add(td[j]); 
      } 
     } 
      myTable.Rows.Add(tr); 
      Panel1.Controls.Add(myTable); 
    } 
+2

一些代碼如何? – Dalorzo

+0

儘管不需要服務器參與,但您在服務器端完成了這一切。爲什麼不在JavaScript的客戶端執行此操作? – mason

+0

我編輯了你的標題。請參閱:「[應該在其標題中包含」標籤「](http://meta.stackexchange.com/questions/19190/)」,其中的共識是「不,他們不應該」。 –

回答

0

打破問題成小塊。

1)創建表格 你說你已經創建了「它」。我不知道你的意思是文本框還是表格,但是如果你已經在使用設計視圖,請繼續使用它。工具箱中有一個表格控件,您可以將其拖動到網頁上。去做。指定三列並給出它們的名稱。

2)將輸入添加到表 不要擔心新的行。只關注將文本框中的值放入表格的第一行。 雙擊網頁按鈕。這應該爲Click事件創建代碼。這裏是您添加代碼以將框中的數據複製到表格中的位置。喜歡的東西:

`DataRow row = new DataRow(); 
row[0] = textboxName.Text; 
row[1] = textboxEmail.Text; 
row[2] = textboxAge.Text; 
yourTable.Rows.Add(row);` 

顯然要與您命名他們在這裏更換名稱。

+0

嘿,謝謝你的回答,但是當我嘗試按索引獲取行時,我得到一個錯誤。行[0] –