layui表格弹窗修改_layUI 实现自定义弹窗

需求描述：点击表格中的数据，弹出一张具体信息表。描述的不是很清楚，放效果图，就明白了，上图

放心，能看到的数据，都不是生产数据，我造的假数据，但是功能效果就是这样，点击列表中的一行，弹出某些要展示的信息。很明白吧！ha٩(๑>◡

代码：

//html代码

#impTable{

display: none;

}

id="tableImp">

序号文件名状态导入数据条数导入时间操作账号

//js代码function impNum(examId) {

var impTable = $('#impTable')

var url = rootPath + '/vraxx/batch/findDetail';

var data = CommnUtil.ajax(url, {

examId: examId

}, "json");

if (data!=''&& data!=null ){

for (var i = 0; i < data.length; i++) {

var tv = "

" +

'+i+1+'' +

' + data[i].fileName + '' +

' + data[i].tempStatus + '' +

' + data[i].num + ' ' +

' + data[i].createDate + '' +

' + data[i].createName + '' +

$('#tableImp tbody').append(tv);

}

var index= layer.open({

type:1,

title:'XX详情',

btn: ['返回'],

area: ['50%', '50%'],

content: impTable,

end:function () {

layer.close(index);

var prevDataPath = $("#topli li:last-child").prev();

var prevDataPathVal = $(prevDataPath).attr("data-path");

loadListView("AAAA", "BBBB", "0", "", prevDataPathVal);

}

});

} else{

layer.msg("未导入");

}

总结：要注意的两点在html中编辑好弹出层的展示内容impTable ajax数据返回回来的时候拼接到table的body

layui表格弹窗修改_layUI 实现自定义弹窗相关推荐

layui表格批量修改
layui表格批量修改步骤视图层我们先选择到表格中的全部数据,首先先创建一个数组,获取id 后获取到选择到表格的数据然后for循环获取表格最后用ajax传数据到控制器,使用traditional ...
layui表格编辑修改session数据
layui表格编辑修改session数据开发工具与关键技术: 作者:熊琪撰写时间:2019.7.06 Layui表格编辑,首先明白layui的表格属性,清楚其作用.Layu给人的一种感觉就是当你没 ...
html如何写微信弹窗,微信小程序自定义弹窗实现过程(附代码)_而已_前端开发者...
这篇文章主要介绍了微信小程序自定义弹窗实现过程(附代码),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序官网里弹出框一般都是类似下面形式: ...
iview的表格自定义_Vue中使用iview-UI表格样式修改和使用自定义模板数据渲染相关...
项目前台页面用的iview-UI,下面对表格相关的样式修改和数据渲染进行一下总结数据渲染相关正常渲染直接从教程中拿出来的组件代码: columns中填写的数据必须是一个数组,代表的是表头相关,常 ...
layui字体样式设置_layui如何自定义字体图标？（图文介绍）
layui如何自定义字体图标?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui的图标取自于阿里巴巴的矢量图标库 Iconfont 第一步,通过浏 ...
layui表格有边框_layui前端框架表格如何进行屏幕适配
匿名用户 1级 2017-07-03 回答标签:js代码 .com 效果 click .text jquer 参考定义 html 项目中需要弹出层效果,使用了layui前端框架,主要使用了里面的弹 ...
qtabwidget放大_Qt自定义弹窗屏蔽父窗口（QWidget设置setWindowModality(Qt::ApplicationModal);以后再show）...
写Qt程序时遇到一个问题: Qt自带的弹窗功能单一,所以须要自己用ui设计弹窗的内容,这样弹窗就和普通窗口一样了,但问题是这个弹窗显示后父窗口还是活动的.网上找了很久找到了解决办法: Qt::Wind ...
layui 表格字体_Layui表格自定义表格字体样式
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Layui表格中单元格样式可通过templet-自定义模板改变单元格内容样式: 在默认情况下,单元格的内容是完全按照数据接口返回的content原样输出的 ...
使用layer.open打开自定义弹窗，获取表单内容发送到后端
layui.layer弹层组件官方文档 layer.open的type参数有5个不同的值,如果要自定义弹窗内容,可以使用 type: 1(页面层). 使用页面层,则参数content可填写html或使 ...

layui表格弹窗修改_layUI 实现自定义弹窗

layui表格弹窗修改_layUI 实现自定义弹窗相关推荐

最新文章

热门文章