- 时间:2022-06-22 22:47 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:关于jquery动态增减控件的一些想法和小插件
去年做项目时遇到一个模块,需要能够动态的增减控件。当初第一个解决方案是用UpdatePanel做页面的局部更新。由于页面很大,而且控件非常多,当动态增加的控件非常多的时候,会变得很慢。后来就想着用javascript做动态的增减控件,最后在提交页面的时候搜集页面控件的数据,效果很棒,但是由于当时仅仅是为那一个模块做,所以扩展性很差,而且那时写javascript代码非常复杂,仅仅为了动态增减的效果,就写超过了500行javascript代码。
后来去年末时间空闲下来的时候重写了这段代码,现在这段代码压缩到100行内,而且扩展方便,可以非常轻松的增减控件的数量,使用非常简单。
效果图:
[img]http://files.jb51.net/upload/201008/20100801103138143.gif[/img]
一个简单的例子:
[url=http://xiazai.jb51.net/201008/yuanma/dynamicAddRemover.rar]dynamicAddRemover.rar[/url]