自動添加文本框

Question

我想問你的意見/想法，當用戶點擊添加按鈕時如何自動添加新的Textbox。在我的系統中，有2個文本框，用戶需要分別輸入費用和價格。還有一個ADD按鈕。當他們點擊它時，另外兩個框會自動生成。在此之前，我的費用只有8個文本框，其價格只有8個文本框。但對我來說看起來很亂，所以我想讓它更整潔。謝謝

Answer 1

你可以使用一個網格，然後有一個隱藏的行，與其他行具有相同的輸入單元格。單擊添加按鈕時，讓javascript克隆隱藏行，然後添加然後顯示它，並將其添加到網格的底部。

如果一個網格不適合您的用戶界面，那麼只需克隆一個文本框並顯示它即可執行相同的操作。通過適當的樣式應用一個隱藏的輸入字段然後克隆它，然後刪除顯示：隱藏通常會更容易。

Answer 2

但它看起來相當凌亂，所以我想讓它更整潔。

1. GridView應該使用，使其更好的可視性和正確消費空間。
2. 分配數據源到你的GridView
3. 設置文本框在Footer
4. 當您單擊Add Button，設置您的頁腳的可見性「真」
5. 一旦用戶在填充值文本框保存並綁定到GridView。
6. 重複步驟4下次迭代相同的過程。