【LayUI】中常见的问题及解决办法

简介: 【LayUI】中常见的问题及解决办法

在Layui中我写了个项目,有兴趣的可以下载资源去看看,里面的东西我就不多透露了,有兴趣的可以看看,下面是我咋些项目当中遇到的问题以及解决办法,大家可以借鉴借鉴


附录一:Not allowed to load local resource: 报错解决方法

原因:

出现这样的错一般为直接引用项目外的资源(图片,视频),不允许直接访问我们就需要配置一个虚拟路径来访问系统中的资源。

解决方案:(tomcat容器方式)

1.打开tomcat服务界面 在下面选择Modules  然后选择Add Web Module

2.选择Browse 选择你的资源目录,然后填写path  假如选择的为d盘  d盘下有一张a.png 那么你再写<img src="/image/a.png">即可

具体图片操作请参考images目录下的《如何引用项目外的资源(tomcat容器方式)》


附录二:layui中layer select下拉框被遮挡问题

.layui-layer-page .layui-layer-content {  overflow: visible !important;}


附录三:layui之数据表格操作栏(toolbar)设置

参考地址:http://layui.org.cn/doc/modules/table.html#toolbar


附录四:layui之表单快速赋值取值

参考地址:http://layui.org.cn/doc/modules/form.html#val

1)取值

var data=form.val('book');

 //获取表单区域所有值


2)赋值

注意:官方推荐的方式在这里存在问题,请使用以下方式!

//因为layui.each内部的逻辑问题导致的所以要先深拷贝一份然后再去val

//parent.row:表格行对象

form.val('book',$.extend({}, parent.row||{}));


附录五:layui之dialog对话框如何关闭窗口及调用父页面的方法

//先得到当前iframe层的索引

var index = parent.layer.getFrameIndex(window.name);

//再执行关闭

parent.layer.close(index);

//调用父窗口中方法

parent.querySeckillGoods();

//关闭所有

layer.closeAll();
相关文章
|
11月前
layui修改窗口标题
layui修改窗口标题
127 0
layui实现登录加载loading的解决方案
layui实现登录加载loading的解决方案
316 0
|
JavaScript
【layui】图片查看器
【layui】图片查看器
394 0
【layui】图片查看器
el-dialog使用::v-deep()穿透设置样式不生效,解决办法亲测有效!
el-dialog使用::v-deep()穿透设置样式不生效,解决办法亲测有效!
|
12月前
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现
|
12月前
|
前端开发
layui选项卡演示
layui选项卡演示
51 0
|
前端开发 JavaScript 数据库
layui框架实战案例(12):layui标签输入框inputTag
layui框架实战案例(12):layui标签输入框inputTag
738 0
layui框架实战案例(12):layui标签输入框inputTag
|
安全 前端开发 PHP
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
1063 0
|
JavaScript
KindEditor得不到textarea值的解决方法
认真找下原因。 首先描述下我这边KindEditor的错误现象: 1、在IE8/FF下均得不到值; 2、当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值; 3、我用的是jQuery的点击事件提交表单的,提交,无法得到值; 4、直接用表单的提交按钮 ”提交” 可以得到值。 下面以 KindEditor 4.x 版本为例说明,先贴上正确的代码:
103 0