84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如图,这是一个弹框,红圈内容适jquery动态添加的东西,怎么在保存或者取消后,删除的动态添加的东西,留下原来的,保证下次点击出弹框时还是初始样子
欢迎选择我的课程,让我们一起见证您的进步~~
1、点击保存,记录数据的情况:在点击保存时所有内容向服务器提交,页面显示数据,点取消时直接return不做任何操作,或者是刷新回到之前状态2、点击取消或保存都不会保存之前数据:不像后台传数据应该就可以了,但是这样好像并没有什么意
不知道你用的什么框架,一些jQuery框架是有类似dialog.clear()的方法的,如果只是用jQuery实现的话,可以将弹框的页面做成一个template,这个template中的页面就是最初什么都没有动态添加的页面,然后下次点击弹框再次render之前的template
jQuery
dialog.clear()
template
render
最简单的方式,用form把整个表格包起来,然后将取消处理成点击的话都会回到初始值了。
简单粗暴,remove掉
看了一下,其实你这个需求不是很复杂,我分析了一下,应该以下逻辑:1、点击+号按钮,jq添加一行html,并给一个class,只要是新添的,加统一的class,方便删除2、新添加行的文本框失去焦点的时候存储数据3、点击保存按钮,ajax提交 保存 的数据4、点击取消按钮,保存的数据晴空,添加的行移除
so,根据你的问题,最好的解决方法就是:给新添的元素加上统一class,取消的时候,$('.cls').remove();就搞定了。如果你存储了数据,建议把数据也清空以下。
1、点击保存,记录数据的情况:在点击保存时所有内容向服务器提交,页面显示数据,点取消时直接return不做任何操作,或者是刷新回到之前状态
2、点击取消或保存都不会保存之前数据:不像后台传数据应该就可以了,但是这样好像并没有什么意
不知道你用的什么框架,一些
jQuery
框架是有类似dialog.clear()
的方法的,如果只是用jQuery
实现的话,可以将弹框的页面做成一个template
,这个template
中的页面就是最初什么都没有动态添加的页面,然后下次点击弹框再次render
之前的template
最简单的方式,用form把整个表格包起来,然后将取消处理成点击的话都会回到初始值了。
简单粗暴,remove掉
看了一下,其实你这个需求不是很复杂,我分析了一下,应该以下逻辑:
1、点击+号按钮,jq添加一行html,并给一个class,只要是新添的,加统一的class,方便删除
2、新添加行的文本框失去焦点的时候存储数据
3、点击保存按钮,ajax提交 保存 的数据
4、点击取消按钮,保存的数据晴空,添加的行移除
so,根据你的问题,最好的解决方法就是:给新添的元素加上统一class,取消的时候,$('.cls').remove();就搞定了。如果你存储了数据,建议把数据也清空以下。