由于跟老师做一个小的项目，可是我自己又不太懂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可以很好的记录表格动态行数

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

版权说明:本站原创文章,由万象互联SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/5989.html