ASP.NET给Table动态添加控件并且得到控件的值

    文章来源:中国互联 更新时间:2013-8-6 11:01:36
分享:

由于跟老师做一个小的项目,可是我自己又不太懂js,所以一直为动态建立表格并且能动态的取值和赋值感到苦恼。起初在网上找到了一些js资源,解决了动态添加和取值的问题,可是给表中控件灵活的赋值又成了一个问题。于是乎我又回过头来利用ASP.NET的TABLE控件,容易赋值且容易取值,但是有一个问题就是,ASP.NET页面每次触发页面都会刷新一次,则我动态建立的表格就会在页面刷新后不见了,而这是若在后台取值就会出现“使用了未实例化对象”的错误,致使无法取到动态添加的行中的内容。

为此苦恼了很久,发现动态建立表格并不难,但是要保证每次postback的时候都要同步记下Table的状态,这样为页面中table动态添加内容或取值就不会出现问题了。虽然基本问题解决了,可是每次动态的添加行或是删除行,页面还是会刷新,看起来感觉不是很好。这个当然是可以解决的,只要把Table和相关按钮放在AJAX Extensions提供的UpdatePanel控件里就可以,这样对Table操作只会引起UpdatePanel内的局部刷新,而页面就不会有闪动的效果了。但是要注意的是利用ASP.NET的AJAX要记得在页面中添加ScriptManager控件,并且ScriptManager要放在其他AJAX提供的控件之前。

一、页面中table对应位置的html代码,按下“添加成员”按钮就会动态添加一行,按下“删除”就会删除一行,而本例的删除默认是每次都删除表的最后一行

二、后台添加行的代码
用ViewState["count"]记下table的行数,如果ViewState["count"]==null表明添加的是表格的第一行,着动态生成一个提交按钮以便取值

假设table中有两列,一列是TextBox一列是DropDownList,这是一个添加行的函数

在添加表格第一行的时候动态添加一个取值按钮,并且为该按钮新建一个Click事件btn_click以取得表格中的值

删除按钮事件,总是默认删除表的最后一行

最后也是最总要的地方,移动要在Page_Load中记下表的状态。注意不要添加if(!ispostback){},相反你倒可以添加if(ispostback),因为页面第一次加载不可能已经按下按钮了。 这是要在每次页面刷新的时候同时要保留之前表格的状态,而ViewState可以很好的记录表格动态行数

这样就可以添加控件和得到控件的值了。

在线咨询
  • 在线时间
  • 8:00-21:00
ASP.NET给Table动态添加控件并且得到控件的值-中国互联

ASP.NET给Table动态添加控件并且得到控件的值

    文章来源:中国互联 更新时间:2013-8-6 11:01:36
分享:

由于跟老师做一个小的项目,可是我自己又不太懂js,所以一直为动态建立表格并且能动态的取值和赋值感到苦恼。起初在网上找到了一些js资源,解决了动态添加和取值的问题,可是给表中控件灵活的赋值又成了一个问题。于是乎我又回过头来利用ASP.NET的TABLE控件,容易赋值且容易取值,但是有一个问题就是,ASP.NET页面每次触发页面都会刷新一次,则我动态建立的表格就会在页面刷新后不见了,而这是若在后台取值就会出现“使用了未实例化对象”的错误,致使无法取到动态添加的行中的内容。

为此苦恼了很久,发现动态建立表格并不难,但是要保证每次postback的时候都要同步记下Table的状态,这样为页面中table动态添加内容或取值就不会出现问题了。虽然基本问题解决了,可是每次动态的添加行或是删除行,页面还是会刷新,看起来感觉不是很好。这个当然是可以解决的,只要把Table和相关按钮放在AJAX Extensions提供的UpdatePanel控件里就可以,这样对Table操作只会引起UpdatePanel内的局部刷新,而页面就不会有闪动的效果了。但是要注意的是利用ASP.NET的AJAX要记得在页面中添加ScriptManager控件,并且ScriptManager要放在其他AJAX提供的控件之前。

一、页面中table对应位置的html代码,按下“添加成员”按钮就会动态添加一行,按下“删除”就会删除一行,而本例的删除默认是每次都删除表的最后一行

二、后台添加行的代码
用ViewState["count"]记下table的行数,如果ViewState["count"]==null表明添加的是表格的第一行,着动态生成一个提交按钮以便取值

假设table中有两列,一列是TextBox一列是DropDownList,这是一个添加行的函数

在添加表格第一行的时候动态添加一个取值按钮,并且为该按钮新建一个Click事件btn_click以取得表格中的值

删除按钮事件,总是默认删除表的最后一行

最后也是最总要的地方,移动要在Page_Load中记下表的状态。注意不要添加if(!ispostback){},相反你倒可以添加if(ispostback),因为页面第一次加载不可能已经按下按钮了。 这是要在每次页面刷新的时候同时要保留之前表格的状态,而ViewState可以很好的记录表格动态行数

这样就可以添加控件和得到控件的值了。

在线咨询
  • 在线时间
  • 8:00-21:00