在list页面双击显示重叠明细
来源:互联网 发布:天刀男性捏脸数据 编辑:程序博客网 时间:2024/05/16 06:24
页面为table标签(双击显示,隐藏,并且只会提交一次数据库)
效果:
实现:
(1)页面
<tr details_url="/appdata_manage/DealerMostly/sfPosNum?dm_num=${(list.DM_NUM)!}" class="details" promptid="${(list.DM_NUM)}" >
(2)js
$(".details").live("dblclick",function(){ var mytr=$(this); if(mytr.next().attr("class")=="details_info"){ mytr.next().toggle(); }else{ var url=mytr.attr("details_url"); var html=" <tr class='details_info' ><td style='background-color:#FFE7BA;' colspan="+mytr.children().size()+"> "; $.ajax({ url:url, type:"get", success:function(data){ for(var key in data) { html+="<label style='padding-right: 20px'>"+key+":"+data[key]+"</label>"; } html+="</td></tr>"; mytr.after(html); } }); }});
(3) 后台
@RequestMapping("/selectBusinessName") public @ResponseBody Map consumptionInfo() { Map map=new HashMap(); map.put("agent_num", getUsers().getAgent_num()); map.put("serial", getParameter("serial")); map=(Map) formalPosService.selectOne("selectBusinessName", map); Map result=new HashMap(); result.put("商户名称", map.get("BUSINESS_NAME")); result.put("商户编号", map.get("DM_NUM")); return result; }
后台代码大概就查询拼接一下, 意思就是这个意思,自由发辉
阅读全文
1 0
- 在list页面双击显示重叠明细
- 学习List之双击显示
- [K/3Cloud]实现双击列表行后显示具体的某个单据明细。
- java struts1.2 MappingDispatchAction 对明细列表操作时让其停留在明细列表页面
- 在同一页面上显示List View和Detail View
- 在JSP页面中显示List集合·
- javaweb-list页面显示在弹出框内
- 实现在JSP页面对LIST对象级联显示
- 双击明细行数据查看具体内容
- dev GridView明细行实现双击事件
- 双击datagrid,gridview中的行后,被双击行的各列数据自动显示在页面上的textbox中
- 在JSP页面无法显示List集合.类似${list.size()},${user.getId()}的解决方法
- js 双击 repeater 表格弹出双击行明细
- Android 实例-个人理财工具 之六 完善明细显示页面,附工程代码
- struts2 在页面显示 spring jdbc 中查出的 list 内容
- action中的list在JSP页面如何显示问题的总结
- 用hibernate查找出list里的object[]并在页面用struts2显示
- 在SharePoint页面中如何显示来自其他网站的List
- 微信公众平台开发历程(一)
- 港交所常见拒绝原因代码
- jvm类加载机制
- POJ 2796 (前缀数组或者单调栈)
- 104. Maximum Depth of Binary Tree
- 在list页面双击显示重叠明细
- 大文件计算MD5值 ——Python
- Codeforces Round #382 (Div. 1) B. Taxes
- time-lock and phase-lock signal
- leetocde 374. Guess Number Higher or Lower
- okhttp的坑坑坑 unexpected end of stream on Connection
- 计算机图形学笔记---Cg语言(一)
- 学习下ACM的题目
- 几种常见的Dialog