layui基本使用(动态获取数据,并把需要的数据传到新打开的窗口)
<div class="xiaoxi">\n' +
' <div class="layui-row">\n' +
' <input type="hidden" name="id" class="id" value="' + item.ID + '"/>\n' +
' <input type="hidden" name="type" class="type" value="' + item.type + '"/>\n' +
' <input type="hidden" name="name" class="name" value="' + item.name + '"/>\n' +
' <input type="hidden" name="states" class="states" value="' + item.states + '"/>\n' +
' <div class="layui-col-xs8" style="padding-left: 50px;padding-top: 10px;">\n' +
' <div ><span name="ziti">' + item.TITLE + '</span></div>\n' +
' <div class="one" style=" padding-top: 8px;"><span name="ziti" style="font-size:12px">' + item.ZDRQ + '</span></div>\n' +
' </div>\n' +
' <div class="layui-col-xs1">\n' +
' </div>\n' +
' <div class="layui-col-xs3" style="padding-left: 50px;padding-top: 10px;">\n' +
' <div><span name="ziti">' + item.CDATE + '</span></div>\n' +
' <div><span name="ziti">' + item.TJR + '</span></div>\n' +
' </div>\n' +
' </div>\n' +
' <div style=" padding-top: 15px;"><hr/></div>\n' +
'</div>'
============================================ //消息的跳转页面
$(".xiaoxi").click(function () { //添加跳转页面的单击事件
var id = $(this).find("input[name='id']").val();//账单或合同的ID
var type = $(this).find("input[name='type']").val();//0是合同,1是账单
var span = $(this).find("span").val();//获取span标签里的内容
if (type === "1") {//0是合同,1是账单
if (states === "0") {//账单待审核0/审核通过1/审核不通过2/ 默认生成3
parent.layer.open({
zIndex: 1005,
type: 2, //弹出类型
title: '审核账单', //标题
closeBtn: 1, //显示关闭按钮
shade: [0.3], //遮罩透明度
area: ['80%', '90%'], //打开窗口的宽高
time: 0, //几秒后自动关闭,默认0时不关闭
anim: 1, //动画效果
resize: false, //设置成不允许拉伸
content: '../../../webhtml/daiban/bill_shenhe.html?BILL_ID=' + id + '' //iframe的url
});
layui基本使用(动态获取数据,并把需要的数据传到新打开的窗口)的更多相关文章
- highcharts动态获取数据生成图表问题
动态获取数据说白点就是从后台传值到前台,前台把这些值赋值给x轴与y轴(这里指的是你X轴与Y轴都是变化的数据,如果你的X轴是固定的,像时间等等的那就另说). 柱状图的动态传值: //获取后台数据 va ...
- echarts通过ajax动态获取数据的方法
echarts表格的数据一般都需要动态获取,所以总结了一下通过ajax动态获取数据的操作: 插入的方法应该不止一种,我也是接触不久,所以刚学会了一种插入方法: 灵感和经验来自:https://www. ...
- React使用jquery方式动态获取数据
好久没写react了,今天有空写一下来react实现实时请求数据,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js ...
- ECharts 从后台动态获取数据 (asp.net)
(一) 使用工具 visual studio 2017:Web开发:asp.net (代码中的js引用路径以及ajax方法调用的url,记得修改哦) (二) 准备工作(此处写给和我一样小白) 1.动态 ...
- JS动态获取数据
JS访问数据,有实时获取数据的时候,请加上时间戳 如:'&stampflag=' + Math.round(new Date().getTime() / 1000); 因为有的浏览器(如IE9 ...
- ASP.NET中动态获取数据使用Highcharts图表控件【Copy By Internet】
具体实现的效果如图:
- asp.net mvc Areas 母版页动态获取数据进行渲染
经常需要将一些通用的页面元素抽离出来制作成母版页,但是这里的元素一般都是些基本元素,即不需要 进行后台数据交换的基本数据,但是对于一些需要通过后台查询的数据,我们应该怎么传递给前台的母版页呢 这里描述 ...
- react 动态获取数据
如果reander()里面的dom元素是动态获取的,就要将函数放到setSTATE()里面执行
- fullCalendar动态获取数据
fullCalendar http://fullcalendar.io/docs/event_data/events_function $('#calendar').fullCalendar({ he ...
随机推荐
- SQL SERVER将多行数据合并成一行(转)
1)比如表中有三列数据: 2)执行如下查询: 1 SELECT [USER_NAME], [USER_ACCOUNT] 2 , [ROLE_NAME] = stuff(( 3 SELECT ',' + ...
- 1129. Recommendation System (25)
Recommendation system predicts the preference that a user would give to an item. Now you are asked t ...
- 【leetcode】1147. Longest Chunked Palindrome Decomposition
题目如下: Return the largest possible k such that there exists a_1, a_2, ..., a_k such that: Each a_i is ...
- linux运维、架构之路-CentOS6.9安装Zabbix3.4.1
一.LAMP环境安装 1.环境 [root@m01 ~]# cat /etc/redhat-release CentOS release 6.9 (Final) [root@m01 ~]# uname ...
- php大文件下载+断点续传
如果我们的网站提供文件下载的服务,那么通常我们都希望下载可以断点续传(Resumable Download),也就是说用户可以暂停下载,并在未来的某个时间从暂停处继续下载,而不必重新下载整个文件. 通 ...
- #1112-JSP生命周期
JSP 生命周期 理解JSP底层功能的关键就是去理解它们所遵守的生命周期. JSP生命周期就是从创建到销毁的整个过程,类似于servlet生命周期,区别在于JSP生命周期还包括将JSP文件编译成ser ...
- Count on a tree(树上路径第K小)
题目链接:https://www.spoj.com/problems/COT/en/ 题意:求树上A,B两点路径上第K小的数 思路:主席树实际上是维护的一个前缀和,而前缀和不一定要出现在一个线性表上. ...
- D1. Kirk and a Binary String (easy version)
D1. Kirk and a Binary String (easy version) 01串找最长不降子序列 给定字符串s,要求生成一个等长字符串t,使得任意l到r位置的最长不降子序列长度一致 从后 ...
- 进程(process)和线程(thread)
1.计算机的核心是CPU,它承担了所有的计算任务.它就像一座工厂,时刻在运行. 2.假定工厂的电力有限,一次只能供给一个车间使用.也就是说,一个车间开工的时候,其他车间都必须停工.背后的含义就是,单个 ...
- 深入理解JVM虚拟机1:JVM内存的结构与消失的永久代
本文转自互联网,侵删 本系列文章将整理到我在GitHub上的<Java面试指南>仓库,更多精彩内容请到我的仓库里查看 https://github.com/h2pl/Java-Tutori ...