下面要说的就是关键的东西了,动态添加删除修改table行了!完全用JS加Ajax做的,大家可以参考一下!
先上个效果图
前台代码如下,我这个是报关用的,先择报关的产品,填写报关数量,单价与送货地点,其中报关的时候只能一个厂商一个厂商报,所以这里选择产品的时候有些限制,必须要一个厂商的,而且,我这里是做成选择的,选之后,如果为最后一行才会添加新的一行,有需要的朋友的可以自己改一下,JS方法都是独立的,改动不会太大!下面上前台代码:
图上面其实还绑定了一个Gridview可以查询出来结果一起报关了,这里我觉得没必要,就在源码里面删除了,可能处理不干净的地方请大家见谅!,其实这里引用了一个JS文件,我帖出来给大家:
添加的时候还用到一个处理文件,代码如下:
这样,功能就基本实现,就差保存数据了,数据其实我都保存在一个隐藏控件中:hiddenfield,将他转化为table就方面保存了!转换的方法请参考:http://blog.csdn.net/chuxue1342/archive/2011/01/22/6158035.aspx
保存方法如下:
这样就完成了!!