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();//账单或合同的IDvar 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        });

原文地址:https://www.cnblogs.com/songyinan/p/8573934.html

时间: 2024-11-08 04:51:01

layui基本使用(动态获取数据,并把需要的数据传到新打开的窗口)的相关文章

highcharts动态获取数据生成图表问题

动态获取数据说白点就是从后台传值到前台,前台把这些值赋值给x轴与y轴.  柱状图的动态传值: //获取后台数据 var x = [];//X轴 var y = [];//Y轴 var xtext = [];//X轴TEXT var color = ["#FFB6C1","#DC143C","#C71585","#D8BFD8","#8B008B","#4B0082","#6A5

React使用jquery方式动态获取数据

今天用了一下最简单的方式获取数据处理,来结合react实现实时请求,并刷新数据的小demo. 首先我还是选择了jquery方式中自带的ajax获取数据,首先要引用所需的js包 接下来要写一个自定义的js文件, 创建一个react组件: var Demo = React.createClass({}); //渲染组件 React.render(<Demo url="../data/package.json" setTime="2000" />,docume

asp.net mvc Areas 母版页动态获取数据进行渲染

经常需要将一些通用的页面元素抽离出来制作成母版页,但是这里的元素一般都是些基本元素,即不需要 进行后台数据交换的基本数据,但是对于一些需要通过后台查询的数据,我们应该怎么传递给前台的母版页呢 这里描述的是对于多个页面统一的数据部分,即多个页面中均保持一致且与各个页面无其他关系的页面, 虽然我们可以通过razor使用C#语言来获取数据并写入页面中,但这就违背我们view中尽可能不处理数据的意愿了 所以给出的解决方案是,通过ViewBag将需要的数据写入页面中,将读取数据的操作提取到baseCont

echart动态获取数据不显示

当时写完echart,然后当模拟数据动态显示的时候,把里面的data直接替换成获取回来的数据不显示,后来发现是当页面初始加载的时候就已经取数据了且只取一次,所以就用了一个watch监视,监视变化需要在重新渲染,但是发现一直在发送请求,所以后来就在获取数据之后再创建echart示例就好了呀,代码如下 drawLine() { getLine(this.lineQuery).then(response => { // 基于准备好的dom,初始化echarts实例,发送请求回来再创建实例 this.l

Python+Selenium+Mysql(动态获取数据,数据库交互)

一.创建数据库连接 #!coding:utf-8 import pymysql ''' Python3之后不再支持MySQLdb的方式进行访问mysql数据库: 可以采用pymysql的方式 连接方式: 1.导包 import pymysql 2.打开数据库连接 conn = pymysql.connect(host='10.*.*.*',user='root',password='123456',db='self_dev',charset='utf8',cursorclass=pymysql.

extjs--combo动态获取数据

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" /> 5 <script type="text/javasc

小程序三级联动(动态获取数据)

做了两个小时才发现...不适合文字太多的联动,没办法.只能改成三个选择框的那种.在这里记录一下是如何做的,然后以后有用时再用. js const app = getApp(); Page({ data: { index: null, picker: ['喵喵喵', '汪汪汪', '哼唧哼唧'], multiNameArray: [ ['请选择','无脊柱动物', '脊柱动物'], ['请选择','一年级','二年级'], ['请选择','1班','2班', '3班'] ], muliArray:

一种动态获取数据的方法

<table class="table table-hover table-bordered table-striped dataTable"> <!--表头--> <thead> <tr role="row"> <th class="sorting text-center" tabindex="0" rowspan="1" colspan="

Flex动态获取数据,服务中断报错

1.错误原因 2.错误原因 由上面提示可知,软件引起的链接中断,导致出错 3.解决办法 检查数据库链接,重新启动服务