layui下拉图标，layui排行号选择器

下载的组件

layui下拉图标
layui排行号选择器

下载路径：https://gitee.com/ayscap/icon-selected
参考：https://gitee.com/layui-exts/icon-selected

或者

链接: https://pan.baidu.com/s/1NVAvyiDOyfjc8vN37Sla0Q 提取码: wiyj

使用方式

JS引入组件

layui.config({base: $projectPath+"/js/util/layui-module/"
}).extend({treeSelect: "treeSelect",treeTable: "treeTable",iconSelected: "iconSelected/js/index",
});

html 中

<link rel="stylesheet" href="${projectPath}/js/util/layui-module/iconSelected/css/theme.css" />
<!-- 这个是包在layui-form里的 -->
<input type="text" name="iconCls" id="iconCls" value="layui-icon layui-icon-username" class="layui-input" placeholder="请选择图标" >

JS 中

layui.use(["iconSelected"], function() {var iconSelected = layui.iconSelected;// 图标选择器iconSelected.init("#iconCls");});

如果弹出位置不如意就加这个调试调试

/* 图标选择器*/
.layui-ext-icon-selected-container{z-index: 999999999 !important;position: absolute !important;
}

或者js修改位置

    // 图标选择器弹出位置$('.layui-ext-icon-selected-input').on('click', function(){var left = $(this).offset().left;var top = $(this).offset().top;$('.layui-ext-icon-selected-container').css({"left": left, "top": top+40});})

效果

layui下拉图标，layui排行号选择器相关推荐

layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果
Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...
layui下拉选择框开启搜索功能后，文本框会将Nbsp显示出来的解决办法
layui下拉选择框直接在select标签添加lay-search,即可开启搜索功能 <select id="selectCategory" lay-filter=" ...
layui下拉多选框xm-select
1. 示例 2. 引入xm-select.js 下载地址:xm-select: 基于Layui, 下拉选择框的多选解决方案 3. 语法 <div id="demo2" cla ...
LayUI下拉框默认选中方法
layui中有两种下拉框默认选中方法.注意两种方法必须加上form.render()才有效果. 1.方法一: $("#selectid").find("option[va ...
layui 下拉选择框可以选择但不显示数据值_你想做的quot;基因药物疾病quot;网络数据在这里！...
点击[医学方] 关注我们最近有师妹苦恼于某药物作用相关科研课题设计,不知道疾病研究方向,不想清楚应该选择哪些基因进行研究.于是我向她推荐了这个数据库,分分钟解决了她的难题. 无论你是想根据基因,想 ...
layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值？
layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...
layui 下拉框三级联动
项目需要用layui的三级联动,自己瞎整了一下,做个记录 1.表结构设计 CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT ...
layui下拉框监听点击
<div class="layui-form-item"><label class="layui-form-label" style=&quo ...
Layui下拉框的绑定
开发工具与关键技术:mvc.layui.js.html 作者:张俊辉撰写时间:2019年04月8日对于Layui表单中的表单下拉框绑定中,我们会发现绑定上去了却没显示出来,那是因为你绑定的下拉框与 ...

layui下拉图标，layui排行号选择器

使用方式

layui下拉图标，layui排行号选择器相关推荐

最新文章

热门文章