解决多条数据点击详情页面中调用jquery赋值重复的问题
2017-08-15 15:42
369 查看
1.今天在项目的开发过程中遇见一个问题,
如上图所示,首先这是代办事项的列表界面,当点击具体的某一列的时候,比如 ‘99--主批’ 这条数据 会进入到一个流程的审批界面:
如下图一:
如上图所示,首先这是代办事项的列表界面,当点击具体的某一列的时候,比如 ‘测试--主批’ 这条数据 会进入到一个流程的审批界面:
如图二:
其实在项目中 图一和图二都是共用的一个jsp页面 只不过是里面显示的数据不同,但是 这个地方会有一个bug ,当点击图一的自动署名时, 会把值传到图二的jsp页面中,
这是因为jsp页面的textarea 文本框 给了一个固定的id, 所以当在同时打开两个相同的jsp页面的时候,点击图一的自动署名时就会把值赋值到图二的jsp页面中,
解决bug的方法: 生成一个随机数,然后 把class的name 改成 固定值+随机数,这样使得jsp页面在加载的时候当前文本框的class 唯一 ,就不会出现值错乱的问题
具体代码如下图:
如上图所示,首先这是代办事项的列表界面,当点击具体的某一列的时候,比如 ‘99--主批’ 这条数据 会进入到一个流程的审批界面:
如下图一:
如上图所示,首先这是代办事项的列表界面,当点击具体的某一列的时候,比如 ‘测试--主批’ 这条数据 会进入到一个流程的审批界面:
如图二:
其实在项目中 图一和图二都是共用的一个jsp页面 只不过是里面显示的数据不同,但是 这个地方会有一个bug ,当点击图一的自动署名时, 会把值传到图二的jsp页面中,
这是因为jsp页面的textarea 文本框 给了一个固定的id, 所以当在同时打开两个相同的jsp页面的时候,点击图一的自动署名时就会把值赋值到图二的jsp页面中,
解决bug的方法: 生成一个随机数,然后 把class的name 改成 固定值+随机数,这样使得jsp页面在加载的时候当前文本框的class 唯一 ,就不会出现值错乱的问题
具体代码如下图:
相关文章推荐
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- 从js给页面动态添加标签并赋值,多次点击响应数据重复
- ListView的Intent跳转详情页, 滑动与点击Position错乱导致数据混乱问题解决
- 点击不同的通知,跳转到相同的详情页面问题的解决。
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- 解决刷新页面造成的数据重复提交问题
- 解决IE浏览器 点击子元素重复调用执行 mouseover 与mouseout兼容性问题
- 解决刷新页面造成的数据重复提交问题
- easyui关于解决tab添加的页面通过href加载数据内容的页面刷新后form表单重复提交的问题;
- (转)jquery跨域调用webService,以及解决跨域情况下只能返回XMl格式数据的问题
- 解决刷新页面造成的数据重复提交问题
- 解决刷新页面造成的数据重复提交问题
- javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
- android专题解决之按钮快速点击重复调用问题
- 解决:防止页面按钮被重复点击,导致页面重复提交的问题
- 解决vue 按钮多次点击重复提交数据问题
- 解决后台提交表单数据时,重复F5刷新页面出现重复提交数据的问题。
- listView数据过多,或点击过于频繁崩溃问题解决(防止按钮重复点击)
- asp.net mvc利用Json验证数据和导向页面,解决重复提交问题