SpringMVC Spring hibernate 项目,现在我从后台查询,将结果赋给了一个list,在JSP里循环输出list里面的内容,显示在一张表里,现在有个功能就是更改,当点击表格某一行最后面的更改后,我想在该行的下面显示出一个div层,这个div层是显示在两行之间的,div里面包括要更改的这行的信息,现在这个显示div的效果这么做呢,点击保存或关闭后这个div自动消失,只有1C币了
我觉得 你可以用jquery 的插件模态框 来做这个事情,不用div 第一方面div 显示在两行中间不美观。第二方面,模态框插件更容易控制 显示和 隐藏。更加美观
http://www.cnblogs.com/lhb25/p/15-jquery-modal-plugins.html 这个地址有很多这方面的插件
没必要这么麻烦吧?我觉得你这种不想单独开一页或者弹出弹窗的话可以直接在本行进行操作,无非就行先进行dom元素的修改,比如有一行数据:
| 张三 | 12 | 男 | update
当点击update的时候把前边三列的内容分别取出来放到一个input或者select中替换掉原来的内容即可。
点击“更改”,通过jquery,在此tr下面插入一个 tr 用于编辑就行了,点击保存,再把这个tr删除掉;
jquery实现起来很简单的
用f12找到某一行的tr的id(比如easyUI datagrid 表格中的tr的id="datagrid-row-r1-2-13"),然后用jQuery的方法after方法tr,比如grid_row2.after("
生成表格的多生成一行你那个编辑的就行了,设置style display为none隐藏起来,点击编辑的时候显示出来搞定。。
你要高级点就用ajax动态加载数据,然后动态插入行,如点击列表行tr里面的编辑控件调用这些代码 $(this).closest('tr').after('...............')