自动添加文本框

本文关键字:文本 添加 | 更新日期: 2023-09-27 18:25:56

我想询问您对如何在用户单击"添加"按钮时自动添加新Textbox的意见/想法。在我的系统中,有两个文本框,用户需要分别输入费用和价格。还有一个ADD按钮。当他们点击它时,另外两个框将自动生成。在此之前,我只有8个用于支出的文本框和8个用于价格的文本框。但对我来说,它看起来很乱,所以我想让它更整洁。感谢

自动添加文本框

您可以使用一个网格,然后有一个隐藏行,该行与其他行具有相同的输入单元格。单击添加按钮时,让javascript克隆隐藏行,然后添加,然后显示它,并将其添加到网格底部。

如果网格不适合你的UI,那么只需克隆一个文本框并显示它就可以了。通常更容易的做法是,只使用一个具有适当样式的隐藏输入字段,然后克隆它,然后删除显示:隐藏。

但对我来说,它看起来很乱,所以我想让它更整洁。

  1. GridView应用于使其更好地可见性并适当地消耗空间
  2. 将DataSource分配给GridView
  3. 设置页脚中的文本框
  4. 单击Add Button时,将页脚的可见性设置为"True"
  5. 用户在Textbox中填充值后,将其保存并绑定到GridView
  6. 重复步骤4,以便下次迭代相同的过程