Layui
杨艳芳
分享给大家自己扩展的ext组件
展开
-
富文本编辑框数据保存不成功‘偏方’
富文本编辑框上传图片后被选中问题小编最近在使用layui的富文本编辑时遇到一个问题,上传图片后,文本框的图片被选中,并且未被复制到文本域中,保存后没有数据解决办法为:1.在富文本编辑器中追加一个dom标签div,这样可以取消选中图片2.将富文本编辑框中的数据重新给文本域赋值一遍代码如下:range.insertNode(document.createElement("div"));//图片默认居中$('#areaId').val(iframeDOM.documentElement.inner原创 2020-09-08 12:43:55 · 770 阅读 · 0 评论 -
layui 下拉框动态赋值
核心代码部分为:在select标签上面的class属性中加一公共类名称,newclassname界面加载完成时请求远程数据,将返回的数据渲染到多个option标签中获取到上面定义的 类名 对应的jquery对象,调用append方法,将多个option标签追加到select标签中最后要重新渲染一下select标签,layui.form.render(‘select’); 否则可能还是会不展示下拉数据<div class="layui-form-item"> <label原创 2020-09-05 12:04:17 · 4301 阅读 · 1 评论 -
layui tab标签 设置只读,不可手动切换 外部按钮切换tab
<div class="layui-tab layui-tab-brief" readonly lay-filter="demo"> <ul class="layui-tab-title" style="pointer-events: none;"> <li class="layui-this">演示说明</li> <li>日期</li> <li readonly >分页</li>原创 2020-09-05 10:36:48 · 2985 阅读 · 0 评论 -
Layui 表单 快捷使用
Layui 表单 快捷使用文本框<div class="layui-form-item"> <label class="layui-form-label" for=""><span class="star">*</span>名称:</label> <div class="layui-input-inline" style="width: 300px;"> <input class="layui-原创 2020-09-04 16:45:06 · 317 阅读 · 0 评论 -
Layui 自定义 **标签** 组件 checkbox只读
Layui 自定义 **标签** 组件 checkbox只读效果如下图所示![可以设置只读](https://img-blog.csdnimg.cn/20200902183344555.jpg#pic_center)代码如图效果如下图所示代码如图// html代码<div class="layui-form-item"> <label class="layui-form-label">标签:</label> <div class="layui原创 2020-09-02 18:38:47 · 1934 阅读 · 0 评论