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-08-29 14:44:48

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

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

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

今天用了一下最简单的方式获取数据处理,来结合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.解决办法检查数据库链接,重新启动服务