重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下layUI怎样使用layer.open在content打开数据表格获取值并返回,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
源城网站建设公司创新互联,源城网站设计制作,有大型网站制作公司丰富经验。已为源城上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的源城做网站的公司定做!
在layUI编写的页面中,遇到这么一种情况,从一个页面中使用layer.open打开一个新窗口,新窗口中是一个数据表格,现在需要选中数据表格中的一列并获取它的值,以便下面这个选择按钮可以使用这个值进行后一步的操作。
如简单的选中之后显示选中数据的id。
首先在当前原始页面上,定义一个工具条
在实现这个工具条的点击操作--打开一个新的窗口
simulatePack: function(){ //模拟操作 var checkStatus = table.checkStatus('box') ,data = checkStatus.data; layer.open({ type:2 ,area: ['800px', '600px'] ,title:'请选择' ,content: 'container.html' ,maxmin: true ,btn: ['确认选择', '关闭'] ,yes: function(index, layero){ var row = window["layui-layer-iframe" + index].callbackdata(); layer.alert("get:"+row); // var row = $(layero).find("layui-layer-iframe")[0].contentWindow.callbackdata(); //可以使用ajax请求对数据进行进一步处理 layer.close(index); },btn2: function(index, layero){ layer.close(index); } }) },
这里的row是从新打开的窗口中返回的值。
在新窗口中,我定义了一个conId作为返回值,具体如下
layui
这样就实现了从content中的页面中返回值的功能。
layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为PC网页端后台系统与前台界面的速成开发方案。
看完了这篇文章,相信你对“layUI怎样使用layer.open在content打开数据表格获取值并返回”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!