Layui 行点击追加元素效果
/**
* 单击事件
* @param obj
*/
var dom;
var state;
WarningIllegalIntime.onRowClick=function(obj) {
console.log(obj.data.id,"6666666")
var data = obj.data;
console.log(data.id);
if (state != 1) {
if(state==0){
if(dom==null){//state 0
bbb(obj);
state=1;
}else{//state 0
bbb(obj)
state=1;
}
}else{
bbb(obj);
state=1;
}
}else{//state 1 打开状态
if(dom!=null){
if(data.id==dom){
var ids = document.getElementById(dom);
ids.remove();
state = 0;
}else if(data.id==null){
var ids = document.getElementById(dom);
ids.remove();
state = 0;
}else{
var ids = document.getElementById(dom);
ids.remove();
bbb(obj);
state = 1;
}
}else{
bbb(obj);
state = 1;
}
}
} function bbb(obj){
var assayName=[];
var standardValue=[];
var assayValue=[];
var value=obj.data.assayDetailList;
for(var i=0;i<value.length;i++){
assayName[i]=value[i].assayName;
standardValue[i]=value[i].standardValue;
assayValue[i]=value[i].assayValue;
}
var data = obj.data;
var html = "<tr id=" + data.id + "><td colspan='18' align='center' valign='middle'>"
html+="<table>"
html+="<tr><td>指标项</td>"
for(a in assayName){
html+="<td style='width: 90px;text-align: center' >"+assayName[a]+"</td>"
}
html+="</tr>"
html+="<tr><td>标准值</td>"
for(b in standardValue){
html+="<td style='width: 90px;text-align: center'>"+standardValue[b]+"</td>"
}
html+="</tr>"
html+="<tr><td>化验值</td>"
for(c in assayValue){
html+="<td style='width: 90px;text-align: center'>"+assayValue[c]+"</td>"
}
html+="</tr>"
html+="</table>"
html+="<table><tr>"
html+='<td data-role="fieldcontain"><a class="aaa" id="zoom8" style="max-width:200px;display: block" href='+data.storageInImg.roughFront+' data-gallery=""><img onclick="ab(this)" class="img-thumbnail" src="'+data.storageInImg.roughFront+'" style="max-width:200px;height: 120px;"></a></td>'
html+='<td data-role="fieldcontain"><a class="aaa" id="zoom9" style="max-width:200px;display: block" href='+data.storageInImg.roughBack+' data-gallery=""><img onclick="ab(this)" class="img-thumbnail" src='+data.storageInImg.roughBack+' style="max-width:200px;height: 120px;"></a></td>'
html+='<td data-role="fieldcontain"><a class="aaa" id="zoom10" style="max-width:200px;display: block" href='+data.storageInImg.tareFront+' data-gallery=""><img onclick="ab(this)" class="img-thumbnail" src='+data.storageInImg.tareFront+' style="max-width:200px;height: 120px;"></a></td>'
html+='<td data-role="fieldcontain"><a class="aaa" id="zoom11" style="max-width:200px;display: block" href='+data.storageInImg.tareBack+' data-gallery=""><img onclick="ab(this)" class="img-thumbnail" src='+data.storageInImg.tareBack+' style="max-width:200px;height: 120px;"></a></td>'
html+='<td data-role="fieldcontain"><a class="aaa" id="zoom12" style="max-width:200px;display: block" href='+data.storageInImg.settlementPic+' data-gallery=""><img onclick="ab(this)" class="img-thumbnail" src='+data.storageInImg.settlementPic+' style="max-width:200px;height: 120px;"></a></td></tr><table>'
html+="</td></tr>"
dom =data.id;
obj.tr.after(html)
}
Layui 行点击追加元素效果的更多相关文章
- jquery 实现重复点击一个元素时不重复执行效果
jquery 实现重复点击一个元素时不重复执行效果 这需要用到jquery的stop方法 实例 停止当前正在运行的动画: $("#stop").click(function(){ ...
- 如何在CSS中映射的鼠标位置,并实现通过鼠标移动控制页面元素效果
映射鼠标位置或实现拖拽效果,我们可以在 JavaScript 中做到这一点.但实际上,在CSS中有更加简洁的方法,我们可以在不使用JavaScript 的情况下,仍然可以实现相同的功能! 只使用CSS ...
- 从头开始一步一步实现EF6+Autofac+MVC5+Bootstarp极简前后台ajax表格展示及分页(二)前端修改、添加表格行点击弹出模态框
在前一篇中,由于不懂jquery,前端做的太差了,今天做稍做修改,增加一个跳转到指定页面功能,表格行点击样式变化.并且在表格中加入bootstarp的按钮组,按钮点击后弹出模态框,须修改common, ...
- js追加元素,以及元素位置
function setShow(val_param,text){ var ul = document.getElementById("copyhere"); //<li&g ...
- CSS实现点击改变元素背景色
可通过使用css伪类实现点击元素变色的效果,两个伪类是:active, :focus :active :active选择器用于选择活动链接.当在一个链接上点击时,它就会成为活动的(激活的),:acti ...
- Android学习之Android 5.0分享动画实现微信点击全屏效果
Android5.0过渡动画,请看 http://blog.csdn.net/qq_16131393/article/details/51112772 今天用分享动画实现微信点击全屏效果 本文源代码下 ...
- WPF中TreeView单击展开其子元素以及点击一个元素展开其他元素收起
TreeView单击展开其子元素: 在WPF的TreeView控件中,要想展开它的子元素,我们必须要鼠标左键点两下或者右键点一下,那么我们怎样实现左键点一下就使它展开呢? Xaml: <Grid ...
- vue 点击当前元素添加class 去掉兄弟的class
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...
- jquery追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())
最近项目不是很忙,抽空整理了下,js中常用追加元素的几种方法. <!DOCTYPE html> <html> <head> <meta charset=&qu ...
随机推荐
- MFC 小知识总结四
1 PlaySound 播放WAV格式的音乐 This function plays a sound specified by a file name, resource, or system ev ...
- QQ是怎样实现好友桌面快捷方式的?
QQ是怎样实现好友桌面快捷方式的? 不知道什么时候,QQ推出了好友桌面快捷方式.方便用户和最常保持联系的好友一键联系.核心功能一:若QQ启动了.则双击快捷方式直接打开好友聊天界面:核心功能二:若QQ未 ...
- JSP 获取Request 经常使用參数
<input type="hidden" id="a" value="<%=request.getScheme()%>" ...
- HDU 5534/ 2015长春区域H.Partial Tree DP
Partial Tree Problem Description In mathematics, and more specifically in graph theory, a tree is an ...
- sharepoint类型转换
sharepoint学习汇总 http://blog.csdn.net/qq873113580/article/details/20390149 r[col.ColumnName] = GetType ...
- class--类③
类的构造函数 类的构造函数是类的一种特殊的成员函数,它会在每次创建类的新对象时执行. 构造函数的名称与类的名称是完全相同的,并且不会返回任何类型,也不会返回 void.构造函数可用于为某些成员变量设置 ...
- 杂项-Java:EL表达式
ylbtech-杂项-Java:EL表达式 EL(Expression Language) 是为了使JSP写起来更加简单.表达式语言的灵感来自于 ECMAScript 和 XPath 表达式语言,它提 ...
- Spark常见编程问题解决办法及优化
目录 1.数据倾斜 2.TopN 3.Join优化 预排序的join cross join 考虑Join顺序 4.根据HashMap.DF等数据集进行filter 5.Join去掉重复的列 6.展开N ...
- preg_match_all匹配网络上文件
<?php$ssa=file_get_contents("http://www.oschina.net/code/snippet_4873_5256");preg_match ...
- bootstrap的栅格系统和响应式工具
关于bootstrap的响应式布局,昨天看了杨老师的视频教学https://www.bilibili.com/video/av18357039豁然开朗,在这里记录一下 一:meta标签的引用 < ...