<tfoot id='IHKEq'></tfoot>

<i id='IHKEq'><tr id='IHKEq'><dt id='IHKEq'><q id='IHKEq'><span id='IHKEq'><b id='IHKEq'><form id='IHKEq'><ins id='IHKEq'></ins><ul id='IHKEq'></ul><sub id='IHKEq'></sub></form><legend id='IHKEq'></legend><bdo id='IHKEq'><pre id='IHKEq'><center id='IHKEq'></center></pre></bdo></b><th id='IHKEq'></th></span></q></dt></tr></i><div id='IHKEq'><tfoot id='IHKEq'></tfoot><dl id='IHKEq'><fieldset id='IHKEq'></fieldset></dl></div>

<legend id='IHKEq'><style id='IHKEq'><dir id='IHKEq'><q id='IHKEq'></q></dir></style></legend>

layui tree树组件怎么自定义添加图标

2024-10-26 前端开发问题跟版网

经常用到layui的朋友都知道，layui tree默认是不能自定义图标的，那么我们要自定义的话要怎么操作呢？首先用编辑器软件（修改时候用编辑器记得编码），打开layui.js。搜索： i class="layui-icon layui-icon-file" 改为如下代码： i class="'+ (i.icon || "l

<i id='ezVwU'><tr id='ezVwU'><dt id='ezVwU'><q id='ezVwU'><span id='ezVwU'><b id='ezVwU'><form id='ezVwU'><ins id='ezVwU'></ins><ul id='ezVwU'></ul><sub id='ezVwU'></sub></form><legend id='ezVwU'></legend><bdo id='ezVwU'><pre id='ezVwU'><center id='ezVwU'></center></pre></bdo></b><th id='ezVwU'></th></span></q></dt></tr></i><div id='ezVwU'><tfoot id='ezVwU'></tfoot><dl id='ezVwU'><fieldset id='ezVwU'></fieldset></dl></div>

<tfoot id='ezVwU'></tfoot>

<legend id='ezVwU'><style id='ezVwU'><dir id='ezVwU'><q id='ezVwU'></q></dir></style></legend>

经常用到layui的朋友都知道，layui tree默认是不能自定义图标的，那么我们要自定义的话要怎么操作呢？
首先用编辑器软件（修改时候用编辑器记得编码），打开layui.js。搜索：

i class="layui-icon layui-icon-file"

改为如下代码：

i class="' + (i.icon || "layui-icon layui-icon-file") + '"

再然后，渲染树组件一定要开启手风琴模式accordion：true或者开启连线showLine：true。showLine如果为false会导致渲染不出来图标。

最后，修改自己的渲染数据，给json数据中配置icon选项，前面记得加layui-icon

[{
              title: '湖区'
              ,id: 10001
			  ,icon: 'layui-icon layui-icon-friends' 
            },{
              title: '高新区'
              ,id: 10002
            }]

也可以通过判断添加图标：

 
if(res[item].types === "2") {
     res[item].icon = "layui-icon layui-icon-friends"
} else {
    // res[item].icon = "layui-icon layui-icon-cols"
    res[item].icon = "layui-icon"
}

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！

layui tree

上一篇：layui laydate日期时间范围，时间默认设定为23:59:59 下一篇：Layui+php制作一个支持随机验证码的登录页

相关文档推荐

Layui+php制作一个支持随机验证码的登录页

Layui是一个非常流行的前端UI框架，它提供了丰富的组件和样式，可以帮助开发者更快速简单地构建出美观且易用的界面。本文将介绍如何使用Layui开发一个支持随机生成验证码的登录系统，以增加系统的安全性。以下是具体的代码示例。一、准备工作下载Layui的最

layui laydate日期时间范围，时间默认设定为23:59:59

在Layui中，如果你想设置日期时间选择器（datetime）的默认结束时间为当天的23:59:59，你可以使用如下代码： laydate.render({ elem: '#test10' ,type: 'datetime' ,range: true ,max: '{:date("Y-m-d 23:59:59")}' ,ready: function(date){ $(".layui-laydat

layui要如何改变时间日历布局大小？

问题描述我想改变layui时间日历布局大小，这个要怎么操作呢？解决办法可以用css样式对时间日历进行重新布局，具体代码如下： !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-

layui中表单会自动刷新的问题

layui中表单会自动刷新的问题，因为用到layui的表单，遇到了刷新的问题所以记录一下： script layui.use(['jquery','form','layer'], function(){ var $ = layui.jquery, layer=layui.layer, form = layui.form; form.on('submit(tijiao)', function(data){ a

layui自定义内容打印

layui集成有打印功能，当我们需要自定义内容打印，需要怎么操作呢？以下是具体代码： div class="layui-inline" label class="layui-form-label"打印表格/label table id="table_info" tr td7/td td8/td td9/td /tr /table/divdiv class="layui-inline" a id=

layui弹出层layer.open中的content问题

如果content取的的事当前页面元素内容时，type类型应该为1 layer.open({type: 1,title: '内容区域',content: $('#DIV_EditUserInfo'), // 设置跳转的div，跳转到对应的页面area: ["920px", "250px"],}); 如果content取的的路径，或者某个页面，type类型应该为

<tfoot id='mxdmS'></tfoot>

<i id='mxdmS'><tr id='mxdmS'><dt id='mxdmS'><q id='mxdmS'><span id='mxdmS'><b id='mxdmS'><form id='mxdmS'><ins id='mxdmS'></ins><ul id='mxdmS'></ul><sub id='mxdmS'></sub></form><legend id='mxdmS'></legend><bdo id='mxdmS'><pre id='mxdmS'><center id='mxdmS'></center></pre></bdo></b><th id='mxdmS'></th></span></q></dt></tr></i><div id='mxdmS'><tfoot id='mxdmS'></tfoot><dl id='mxdmS'><fieldset id='mxdmS'></fieldset></dl></div>

<legend id='mxdmS'><style id='mxdmS'><dir id='mxdmS'><q id='mxdmS'></q></dir></style></legend>

栏目导航

前端开发问题 Java开发问题 C/C++开发问题 Python开发问题 C#/.NET开发问题 php开发问题移动开发问题数据库问题

最新文章

热门文章

热门标签

五金机械教育培训机械设备环保公司新闻资讯服装服饰营销型轴承电子元件零部件电子科技电子产品环保科技培训机构电子商城双语中英双语织梦模板 dede 外语学校竞价网站源码竞价培训网门户网站织梦笑话网 dedecms笑话网织梦源码网站建设搞笑图片织梦教程旅游网站源码织梦旅游网学校培训 html5 企业织梦源码医院源码后台样式移动营销页 chatgpt 整形医院大学医院新手建站客服代码洗衣机维修企业网站淘宝客导航菜单教育网站学校源码装修网站装修模板美容整形女性健康妈妈网机械源码建站公司珠宝首饰苹果网站手机资讯管理平台织梦模版打包妇科源码安卓市场源码男性时尚网健康之家 app应用网站笑话网站下载站车辆管理系统中医院网站家装网站源码