layui向body添加html_layui 各项配置

第一、如何全部选中table中每一条记录

1.首先给table的父类设置一个唯一id *这种方式不推荐,效果比较差,推荐第2种方式

再搜索 alias-table div.layui-table-fixed.layui-table-fixed-l下面的i元素

var bbcc= $('#alias-table div.layui-table-fixed.layui-table-fixed-l

div.layui-table-cell.laytable-cell-1-0-0.laytable-cell-checkbox

div.layui-unselect.layui-form-checkbox i')

bbcc.each(function (index, element) {

element.click();

});

2.直接搜索layui-table-header,会搜索出3个,直接选第2个,具体如下

var html=$('.layui-table-header table i.layui-icon.layui-icon-ok')[1];

html.click();

第二、如何获取弹出层iframe内容

1.首先给iframe内想要获取的元素添加唯一的id2.具体如下:

$('#button-order-alladd').click(function () {

layer.open({

type:2,

title:"你好",

closeBtn:1,

area:["500px","320px"],

content:"{% url 'test:ceshi' %}",

btn:['确定', '取消'],

yes:function(index, layero){

var body=layer.getChildFrame('body',index); #使用layer.getChildFrame获取iframe内的body部分内容

var test_t=body.find('#textarea-order').val(); #再通过find查到唯一的id

layer.close(index);

},

cancel:function(index, layero){

layer.close(index);

return false;

},

});

});

第三、如何利用iframe加载html(layer.open)

加载layui.layer,然后利用layer.open加载iframe

$('#button-order-alladd').click(function () {

layer.open({

type:2,

title:"批量增加",

closeBtn:1,

area:["500px","320px"],

content:"{% url 'ceshi:test' %}", #加载html路径

btn:['确定', '取消'],

yes:function(index, layero){

var body=layer.getChildFrame('body',index);

var test_t=body.find('#textarea-order').val();

testdata=JSON.stringify(test_t.trim().split(" "));

layer.close(index);

$.ajax({

url:"{% url 'ceshi:data' %}",

method:"post",

headers: {"X-CSRFToken": token_value},

cache:false,

data:{

data:testdata,

check:checkSelect

},

success:function () {

table.reload('ordertest',{url:"{% url 'ceshi:data' %}",where:{"check":checkSelect}})

}

});

},

cancel:function(index, layero){

layer.close(index);returnfalse;

},

});

});

第四、iframe里的内容如何选中radio按钮,checkbox类同

接上第三,上面的layer.open的内部操作,首先需要获取到input元素

这样是不可以操作,需要在元素加上$,让它重新封装成一个jquery元素,才可进行一些,点击操作,效果如下:

var body=layer.getChildFrame('body', index);

test=body.find("input[name='limits1']");

test_data=test; #用于下面的第三种方法,直接获取iconfor (var n=0;n

if (test[n].title===obj.data.ceshi){

console.log('测试');

console.log(test[n]);#这个是获取到纯元素如上图1,这样是不可以操作例如。attr prop等都是不可以

console.log($(test[n])); #这个是对获取到的纯元素重新封装为jquery对象,才可以进行操作,如上图2

$(test[n]).attr('checked','checked');//test_data.eq(n).next('div').children('i.layui-anim.layui-icon').click(); #这是另外一方式,对icon进行点击,以达到选中,但需要在遍历之前,先把值赋给另外一个变量,不能在当前遍历中进行直接操作

}};

#执行后,需要对form表单重新进行刷新,否则是看不出效果,如果是使用icon点击是不需要刷新,其它都需要刷新var iframeWin = layero.find('iframe')[0].contentWindow; #layero是layer.open中sucess里的参数

iframeWin.layui.form.render('radio');

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/566743.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

国产自主可控的MBSE解决方案和全数字仿真平台(SkyEye)

2020年6月,哈工大、哈工程被美国商务部列入实体清单,禁用MATLAB事件频繁登上热搜,工业软件被称为「卡脖子」技术。 截止到2020年12月,中国已有超过300家企业和机构被列入美国“实体名单”,被列入名单的大部分是从事安全…

iservice封装有哪些方法_总结WebService的一些封装技巧

今天早上起来,想谈谈.NET中的WebService,当然我不想讲什么是WebService,或者怎么用WebService,因为那个大家随便Google一下前100页都能找到答案。今天我想来分享一下我在用WebService中的一些技巧(至少我认为是技巧,还…

一种全数字实时仿真的安全关键领域解决方案

随着科技的发展,系统工程的设计体量逐渐庞大起来,尤其是对于轨道交通、航空航天、核电站等安全关键领域中,如何在复杂度逐年变大的同时保证其安全性和可靠性,是近年来各大公司需要研究的课题。最近比较火热的基于模型的系统工程&a…

vue 引用网络css_vue如何引用其他组件(css和js)

1.vuejs组件之间的调用components注意:报错Do not use built-in or reserved HTML elements as component id:修改组件的名字,例如不能使用address为组件名字组件名字不要使用内置的或保留HTML元素为组件id,App.vue是一个入口,vue…

国产自主可控的MBSE建模与仿真平台SkyEye

转载: 2020年6月,哈工大、哈工程被美国商务部列入实体清单,禁用MATLAB事件频繁登上热搜,工业软件被称为「卡脖子」技术。 截止到2020年12月,中国已有超过300家企业和机构被列入美国“实体名单”,被列入名…

access求斐波拉契数列_打印目录,斐波那契数列的递归与循环,牧场牛数

实验报告1任务概述(任务说明)1 f(n)f(n-1)f(n-2)f(0)f(1)1,求斐波那契数列第20项,分别用循环和递归的方式,比较时间效率。提示:可以使用c函数clock取出当前系统时间,计算前后各一次,两次相减除以每秒的时钟…

国产自主可控的形式化验证代码自动生成工具ModelCoder可替代Matlab/Sumlink

在安全关键领域,基于模型的软件工程或者软件开发已逐渐进入了我国的装备研制过程中。使用SimuLink或者SCADE等嵌入式软件建模工具对算法或者控制逻辑进行可视化建模,然后生成高可靠的二进制代码逐渐成为了安全关键领域的主流软件开发方式。由我司自主开发…

自主可控的安全关键领域国产工业软件SkyEye

全球制造业正处于新一轮变革的浪潮中,大数据、云计算等新一代信息技术正加速向工业领域融合渗透,工业互联网、工业4.0、智能制造等战略理念不断涌现。传统产业数字化转型升级的需求强烈,工业软件缺乏自主可控成为横亘在我国发展工业4.0道路上…

weblogic中ssrf漏洞修复_Weblogic-SSRF漏洞复现

0x00简介WebLogic是美国Oracle公司出品的一个application server确切的说是一个基于JAVAEE架构的中间件,BEA WebLogic是用于开发、集成、部署和管理大型分布式Web应用、网络应用和数据库应用的Java应用服务器。SSRF简介服务端请求伪造(Server-Side Request Forgery)…

python 字符串unicode编码_python的string与Unicode转换,gbk字符串编码

问题一字串前面少了u。当遇见以下情况。返回字符串为\u82f9\u679c的unicode时候。str1 \u82f9\u679c # 这里没有u,当传入参数不是unicode的时候print str1 # 结果是 : \u82f9\u679cprint u\u82f9\u679c # 结果是 : 苹果解决方法:加上ustr1 \u82f9\u679…

应用在核电站DCS系统的代码自动生成工具ModelCoder

对标航空航天领域,核电新型号作为典型复杂系统在未来的发展趋势和任务变得十分明确,即正规化、标准化地应用MBSE从概念设计、初步设计、持续贯穿至详细设计、施工、调试、运维、退役的全生命周期各阶段,开发出符合核工业本身的需求&#xff0…

怎样在电脑上上传图片_电脑上回收站怎样恢复

把桌面上的文件删除,如果想再次找回,只要在电脑的回收站就可以原封不动的把文件找回来。但不小心删除了回收站的信息,怎么办呢?大家遇以这样的情况,也不要太着急,电脑上回收站怎样恢复呢?小编带分享一下解…

基于模型的系统工程设计软件ModelCoder在航空发动机控制设计中的应用

基于模型的系统工程(MBSE)使用数字模型的方式表达描述工程系统的完整生命周期中的需求和设计等活动,以无歧义、模块化等优点快速覆盖了如航空航天、船舶、卫星等相关安全关键领域。在系统工程的初期,系统产生的信息都以文档得形式…

python的字符编码叙述_Python: 熟悉又陌生的字符编码

字符编码是计算机编程中不可回避的问题,不管你用 Python2 还是 Python3,亦或是 C, Java 等,我都觉得非常有必要厘清计算机中的字符编码概念。本文主要分以下几个部分介绍:基本概念常见字符编码简介Python 的默认编码Python2 中的字…

基于模型的系统工程MBSE软件工具(ModelCoder)

我们一直致力于提供给航空航天制造商一套全数字的MBSE建模与仿真优化解决方案——基于模型的系统工程MBSE软件工具(ModelCoder)。我们的仿真验证技术可用于开发高复杂度和高保真度的模型,对飞机发动机,飞机的飞控进行预测性的虚拟…

面向航空航天工业领域的基于模型的仿真验证工具SkyEye

我们一直致力于提供给航空航天制造商一套全数字的优化方案——面向航空航天工业领域的基于模型的仿真验证工具SkyEye。我们的仿真验证技术可用于开发高复杂度和高保真度的模型,对发动机,飞机的飞控进行预测性的虚拟验证和测试。我们能够准确地进行全数字…

高性能高可靠性的全数字嵌入式仿真测试软件SkyEye

随着科技的发展,系统工程的设计体量逐渐庞大起来,尤其是对于轨道交通、航空航天、核电站等安全关键领域中,如何在复杂度逐年变大的同时保证其安全性和可靠性,是近年来各大公司需要研究的课题。最近比较火热的基于模型的系统工程&a…

二元一次函数最值问题_初二上学期,一次函数方案设计最值问题,两类题目解题思路不一样...

方案设计问题在一元一次方程实际问题中有所接触,在一次函数实际应用题中也有。一次函数中的方案设计问题,常与一次函数的性质、不等式(组)、方程组等知识点相结合,这类题目一旦掌握解题方法,难度不是很大。本篇文章主要介绍一次函…

rabiitmq卸载_RabbitMQ安装方式及常用命令

在ubuntu系统中安装rabbitmq# wget http://www.rabbitmq.com/releases/rabbitmq-server/v3.6.6/rabbitmq-server_3.6.6-1_all.deb# dpkg -i rabbitmq-server_3.6.6-1_all.deb如果提示依赖其他的包,执行如下命令安装依赖包# apt-get -f install然后# dpkg -i rabbitm…

高性能全数字嵌入式仿真测试软件SkyEye支持多达70余种核心

全数字仿真平台作为工业领域不可缺少的重要软件之一,除了可以与MATLAB或者Simulink集成外,还支持哪些优秀的功能?在了解新一代全数字仿真平台SkyEye之前,先来学习一下什么是全数字仿真平台。 什么是全数字仿真平台 全数字仿真平…