As shown in the picture, this is a pop-up box. The content in the red circle is suitable for things dynamically added by jquery. How to delete the dynamically added things after saving or canceling, leaving The original one ensures that the next time you click on the pop-up box, it will still look like the original one
1、点击保存,记录数据的情况:在点击保存时所有内容向服务器提交,页面显示数据,点取消时直接return不做任何操作,或者是刷新回到之前状态
2、点击取消或保存都不会保存之前数据:不像后台传数据应该就可以了,但是这样好像并没有什么意
不知道你用的什么框架,一些
jQuery
框架是有类似dialog.clear()
的方法的,如果只是用jQuery
实现的话,可以将弹框的页面做成一个template
,这个template
中的页面就是最初什么都没有动态添加的页面,然后下次点击弹框再次render
之前的template
最简单的方式,用form把整个表格包起来,然后将取消处理成<input type="reset"/>点击的话都会回到初始值了。
简单粗暴,remove掉
看了一下,其实你这个需求不是很复杂,我分析了一下,应该以下逻辑:
1、点击+号按钮,jq添加一行html,并给一个class,只要是新添的,加统一的class,方便删除
2、新添加行的文本框失去焦点的时候存储数据
3、点击保存按钮,ajax提交 保存 的数据
4、点击取消按钮,保存的数据晴空,添加的行移除
so,根据你的问题,最好的解决方法就是:给新添的元素加上统一class,取消的时候,$('.cls').remove();就搞定了。如果你存储了数据,建议把数据也清空以下。