EasyUI tree更换图标及调整间距

 web项目的左侧导航tree,一般是通过请求查询数据库表,返回EasyUI 中tree组件所需的json数据,自动加载生成树结构的导航菜单。Json数据中图标对应的属性名为iconCls,值为图标名称。项目中easyui包下的themes目录中的icon.css为图标样式,图片文件放在在icons文件夹中。

 因此数据库中图标的列名应为iconCls,对应的实体类及持久层也换为iconCls。数据库中的值应为在icon.css和icons配置的图标名称。

 树形菜单每个节点之间的距离EasyUI默认为0;easyui 默认主题为blue,在blue目录下的easyui.css样式文件中,根据实际情况修改一下参数。Easyui包中有多个easyui.css文件,若项目中使用默认主题,修改当前文件才有效,若使用多个主题还需每个主题都修改。


  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值