2 t2045817161 t2045817161 于 2016.09.27 10:37 提问

div效果,js jquery css 1C

SpringMVC Spring hibernate 项目,现在我从后台查询,将结果赋给了一个list,在JSP里循环输出list里面的内容,显示在一张表里,现在有个功能就是更改,当点击表格某一行最后面的更改后,我想在该行的下面显示出一个div层,这个div层是显示在两行之间的,div里面包括要更改的这行的信息,现在这个显示div的效果这么做呢,点击保存或关闭后这个div自动消失,只有1C币了

5个回答

ios_king
ios_king   2016.09.27 11:11

我觉得 你可以用jquery 的插件模态框 来做这个事情,不用div 第一方面div 显示在两行中间不美观。第二方面,模态框插件更容易控制 显示和 隐藏。更加美观
http://www.cnblogs.com/lhb25/p/15-jquery-modal-plugins.html 这个地址有很多这方面的插件

u011197448
u011197448   2016.09.27 11:14

没必要这么麻烦吧?我觉得你这种不想单独开一页或者弹出弹窗的话可以直接在本行进行操作,无非就行先进行dom元素的修改,比如有一行数据:
| 张三 | 12 | 男 | update
当点击update的时候把前边三列的内容分别取出来放到一个input或者select中替换掉原来的内容即可。

t2045817161
t2045817161 这种方法是以前做jisp的时候做的,做过,感觉效果不好,现在想做的这个因为效果炫酷些
大约一年之前 回复
quasimodo_es
quasimodo_es   2016.09.27 12:59

点击“更改”,通过jquery,在此tr下面插入一个 tr 用于编辑就行了,点击保存,再把这个tr删除掉;
jquery实现起来很简单的

a18210148948
a18210148948   2016.09.27 16:27

用f12找到某一行的tr的id(比如easyUI datagrid 表格中的tr的id="datagrid-row-r1-2-13"),然后用jQuery的方法after方法tr,比如grid_row2.after("

"+ul_list+"
"), 关闭的时候直接用jQuery的remove方法就可以啦$('#rowIndex_"+rowIndex+"_tr').remove();
showbo
showbo   Ds   Rxr 2016.09.27 21:26

生成表格的多生成一行你那个编辑的就行了,设置style display为none隐藏起来,点击编辑的时候显示出来搞定。。

你要高级点就用ajax动态加载数据,然后动态插入行,如点击列表行tr里面的编辑控件调用这些代码 $(this).closest('tr').after('...............')

Csdn user default icon
上传中...
上传图片
插入图片