帮我看看这个动态增加表格行的问题，谢谢！

insnowind 2006-12-29 02:12:23
我这是一个台帐登记的问题
因为购买的货物种类不定
每一种货物对应表格的一行
刚开始的时候只有表头和第一行
处理的代码如下：
private void CreateTableHead()
{
Table1.CellPadding = 0;
Table1.CellSpacing = 0;
Table1.Width = Unit.Percentage(100);

TableRow trHead = new TableRow();

TableCell tcHeadFoodName = new TableCell();
TableCell tcHeadType = new TableCell();
TableCell tcHeadNum = new TableCell();

tcHeadFoodName.Text = "食品名称";
tcHeadType.Text = "规格";
tcHeadNum.Text = "数量";

trHead.Cells.Add(tcHeadFoodName);
trHead.Cells.Add(tcHeadType);
trHead.Cells.Add(tcHeadNum);
trHead.HorizontalAlign = HorizontalAlign.Center;
trHead.BackColor = Color.AliceBlue;
trHead.Height = 30;

Table1.Rows.Add(trHead);


TableRow tr1 = new TableRow();

TableCell tc1 = new TableCell();
TableCell tc2 = new TableCell();
TableCell tc3 = new TableCell();

TextBox tb1 = new TextBox();
tb1.ID = "tbFoodName" + Table1.Rows.Count;

TextBox tb2 = new TextBox();
tb2.ID = "tbType" + Table1.Rows.Count;

TextBox tb3 = new TextBox();
tb3.ID = "tbNum" + Table1.Rows.Count;

tc1.Controls.Add(tb1);
tc2.Controls.Add(tb2);
tc3.Controls.Add(tb3);

tr1.Cells.Add(tc1);
tr1.Cells.Add(tc2);
tr1.Cells.Add(tc3);

tr1.HorizontalAlign = HorizontalAlign.Center;
tr1.Height = 30;
tr1.VerticalAlign = VerticalAlign.Middle;

Table1.Rows.Add(tr1);
}

现在我的想法是点击添加新行的时候，就自动添加一行，处理代码如下：
private void btnNewRow_Click(object sender, System.EventArgs e)
{
TableRow tr = new TableRow();

TableCell tc1 = new TableCell();
TableCell tc2 = new TableCell();
TableCell tc3 = new TableCell();

TextBox tb1 = new TextBox();
tb1.ID = "tbFoodName" + Table1.Rows.Count;

TextBox tb2 = new TextBox();
tb2.ID = "tbType" + Table1.Rows.Count;

TextBox tb3 = new TextBox();
tb2.ID = "tbNum" + Table1.Rows.Count;

tc1.Controls.Add(tb1);
tc2.Controls.Add(tb2);
tc3.Controls.Add(tb3);

tr.Cells.Add(tc1);
tr.Cells.Add(tc2);
tr.Cells.Add(tc3);

Table1.Rows.Add(tr);

}

因为在页面加载时我是这样处理的：
private void Page_Load(object sender, System.EventArgs e)
{
if (!Page.IsPostBack)
{
if (Request.QueryString.Count != 0)
{ CreateTableHead();
}
}
}

现在的问题是当我点击添加薪行的时候，原来的表头就不见了，因为页面刷新的时候不会执行！ispostback里面的代码了，应该如何解决，而且添加新行之后，原来的行输入的内容不会丢失，我看也有用javascript处理的，究竟怎么做比较合理，恳请赐教，不胜感激！
...全文
342 18 打赏 收藏 转发到动态 举报
写回复
用AI写文章
18 条回复
切换为时间正序
请发表友善的回复…
发表回复
cpp2017 2006-12-30
  • 打赏
  • 举报
 回复
幕白兄，这样做原来的数据还存在，我不太明白，既然是重新创建的行，为什么那些数据还能存在呢 ============= 动态控件就是这样子的,虽然好像是重新创建的行,但只要位置相同,元素相同,asp.net会将他们当成同一控件.
insnowind 2006-12-30
  • 打赏
  • 举报
 回复
lindping(罗将神) ( ) 信誉：86 Blog
=====================================
这样也是个好主意，但是table里面的数据就丢失了
insnowind 2006-12-30
  • 打赏
  • 举报
 回复
谢谢幕白兄，现在还有这样一个问题，如果用户添加了一行，输入数据后，再点添加新行，原来输入的数据还会存在吗？
=============================
幕白兄，这样做原来的数据还存在，我不太明白，既然是重新创建的行，为什么那些数据还能存在呢
lindping 2006-12-30
  • 打赏
  • 举报
 回复
干脆把整个table放入viewState里面好了
private void Page_Load(object sender, System.EventArgs e)
{
if (!Page.IsPostBack)
{
if (Request.QueryString.Count != 0)
{
CreateTableHead();
ViewSate["Table1"] = Table1;
}
}
}
....

private void btnNewRow_Click(object sender, System.EventArgs e)
{
...
Table Table1 = (Table)ViewState["Table1"];
Table1.Rows.Add(tr);


}
insnowind 2006-12-30
  • 打赏
  • 举报
 回复
谢谢幕白兄，现在还有这样一个问题，如果用户添加了一行，输入数据后，再点添加新行，原来输入的数据还会存在吗？
cpp2017 2006-12-30
  • 打赏
  • 举报
 回复
private void Page_Load(object sender, System.EventArgs e)
{



this.CreateTableHead();
for(int i=0;i<this.NewRowCount;i++)
{
this.AddRow();
}

}


private void CreateTableHead()
{
Table1.CellPadding = 0;
Table1.CellSpacing = 0;
Table1.Width = Unit.Percentage(100);

TableRow trHead = new TableRow();

TableCell tcHeadFoodName = new TableCell();
TableCell tcHeadType = new TableCell();
TableCell tcHeadNum = new TableCell();

tcHeadFoodName.Text = "食品名称";
tcHeadType.Text = "规格";
tcHeadNum.Text = "数量";

trHead.Cells.Add(tcHeadFoodName);
trHead.Cells.Add(tcHeadType);
trHead.Cells.Add(tcHeadNum);
trHead.HorizontalAlign = HorizontalAlign.Center;
trHead.BackColor = Color.AliceBlue;
trHead.Height = 30;

Table1.Rows.Add(trHead);


TableRow tr1 = new TableRow();

TableCell tc1 = new TableCell();
TableCell tc2 = new TableCell();
TableCell tc3 = new TableCell();

TextBox tb1 = new TextBox();
tb1.ID = "tbFoodName" + Table1.Rows.Count;

TextBox tb2 = new TextBox();
tb2.ID = "tbType" + Table1.Rows.Count;

TextBox tb3 = new TextBox();
tb3.ID = "tbNum" + Table1.Rows.Count;

tc1.Controls.Add(tb1);
tc2.Controls.Add(tb2);
tc3.Controls.Add(tb3);

tr1.Cells.Add(tc1);
tr1.Cells.Add(tc2);
tr1.Cells.Add(tc3);

tr1.HorizontalAlign = HorizontalAlign.Center;
tr1.Height = 30;
tr1.VerticalAlign = VerticalAlign.Middle;

Table1.Rows.Add(tr1);
}

private void AddRow()
{
TableRow tr = new TableRow();

TableCell tc1 = new TableCell();
TableCell tc2 = new TableCell();
TableCell tc3 = new TableCell();

TextBox tb1 = new TextBox();
tb1.ID = "tbFoodName" + Table1.Rows.Count;

TextBox tb2 = new TextBox();
tb2.ID = "tbType" + Table1.Rows.Count;

TextBox tb3 = new TextBox();
tb2.ID = "tbNum" + Table1.Rows.Count;

tc1.Controls.Add(tb1);
tc2.Controls.Add(tb2);
tc3.Controls.Add(tb3);

tr.Cells.Add(tc1);
tr.Cells.Add(tc2);
tr.Cells.Add(tc3);

Table1.Rows.Add(tr);

}


private int NewRowCount
{

get
{
return ViewState["RowCount"] == null?0:(int)ViewState["RowCount"];
}
set
{
ViewState["RowCount"] = value;
}
}




private void btnNewRow_Click(object sender, System.EventArgs e)
{
this.NewRowCount ++;
this.AddRow();

}
cpp2017 2006-12-30
  • 打赏
  • 举报
 回复
这个是有点麻烦,
try

初始化用一个方法. 添加一行用一个方法如AddRow()

每按一次添加一行按纽 在ViewState["rowcount"] 中加1

在AddRow中从i=0 到 ViewState["rowcount"]
添加行.

每次page_load

createtable
AddRow

insnowind 2006-12-30
  • 打赏
  • 举报
 回复
先把一个htmltable或asp的table放在页面上.然后添加就可以保存状态了.
====================================================================
我这样做过，可是添加新行之后因为是重新创建的行，所以原来用户输入的数据都消失le
cpp2017 2006-12-30
  • 打赏
  • 举报
 回复
先把一个htmltable或asp的table放在页面上.然后添加就可以保存状态了.
insnowind 2006-12-30
  • 打赏
  • 举报
 回复
up
insnowind 2006-12-30
  • 打赏
  • 举报
 回复
谢谢大家，问题搞定了，特别谢谢幕白兄：）
insnowind 2006-12-29
  • 打赏
  • 举报
 回复
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
insnowind 2006-12-29
  • 打赏
  • 举报
 回复
顶
yan63 2006-12-29
  • 打赏
  • 举报
 回复
在后台构造数据源dataset等，对数据源进行缓存
增加行时对dataset进行操作，然后重新根据数据源创建table即可
老郭20130824 2006-12-29
  • 打赏
  • 举报
 回复
其实,我的做法是,生成的时候,把这个Table存在Session里,添加的时候,把Table从Session里取出来,增加新行,在保存回去,同时,写到界面上去.

这里,你只要保持界面和Session同步就可以了.
insnowind 2006-12-29
  • 打赏
  • 举报
 回复
这样的话每次刷新页面都会执行createTableHead，所以一直是2行，应该怎么办啊
insnowind 2006-12-29
  • 打赏
  • 举报
 回复
去掉可以了，但是点击继续添加增加一行后，再点继续添加就没反应了，跟踪的时候发现table.rows.count还是2，应该是3了阿
yybb520 2006-12-29
  • 打赏
  • 举报
 回复
你把那个if (!Page.IsPostBack)去掉吧，
那个表示页面首次加载时执行，
而你点击后是页面回发了，
所以页面重新加载了。你去了试试！
javascript实现表格的动态添加
当学生选择了一门课后，按下确定键后会实时在表格相应的位置打印一行选课信息表，这就是表格的动态添加，不多说废话了，直接上代码，在代码中会把思路和过程以注释的方式写在嵌套在代码中，希望各位看官请勿介意： ...
在jQuery中添加表格行
在 jQuery 中将附加行作为最后一行添加到表中的最佳方法是什么？这可以接受吗？您可以添加到这样的表中的内容是否有限制（例如输入、选择、行数）？
fastadmin 动态column 动态表头 根据搜索条件改变的表格列数动态column表格 动态表头
fastadmin 动态column 动态表头 根据搜索条件改变的表格列数动态column表格 动态表头
java实现word文档动态表格复杂操作-附完整实例
java实现word文档动态表格复杂操作
【vue】el-table实现动态添加行和列
el-table实现动态添加行和列
C#

110,565

社区成员

642,567

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章