> 文档中心 > layui遇到的一些问题

layui遇到的一些问题


1、layui nav 菜单栏默认收缩

默认收缩的是li上的class 去掉 layui-nav-itemed。就可以了。我一直再找的是ul标签上的。

2、layui 数据表格 单元格 颜色设置

{ field: 'attachmentInfo', title: languageTL.count.alarmData[0],align: 'center', event: 'setOnline', templet:function(d){     if (!d.attachmentInfo.uploadedNumber) {  return '
    0/' + d.attachmentInfo.number + '
'; } else { return '
    ' + d.attachmentInfo.uploadedNumber+ '/' +d.attachmentInfo.number + '
'; } } },

 附件信息那一栏有变化了,可以根据class="dataRow"改变颜色

js树形控件—zTree使用_qq_35934094的博客-CSDN博客_ztree.js

zTree简介

树形控件的使用是应用开发过程中必不可少的。zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 

zTree的特点

  • 最新版的zTree将核心代码按照功能进行了分割,不需要的代码可以不用加载,如普通使用只需要加载核心的jquery.ztree.core-3.5.js,需要使用勾选功能加载jquery.ztree.excheck-3.5.min.js,需要使用编辑功能加载jquery.ztree.exedit-3.5.min.js
  • 采用了延迟加载技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀
  • 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器
  • 支持 JSON 数据
  • 支持静态 和 Ajax 异步加载节点数据
  • 支持任意更换皮肤 / 自定义图标(依靠css)
  • 支持极其灵活的 checkbox 或 radio 选择功能
  • 提供多种事件响应回调
  • 灵活的编辑(增/删/改/查)功能,可随意拖拽节点,还可以多节点拖拽
  • 在一个页面内可同时生成多个 Tree 实例
  • 简单的参数配置实现,灵活多变的功能

 zTree文件介绍

从zTree官网下载的zTree包括以下组成部分

  • metroStyle文件夹:zTree的metro风格样式相关文件(图片及css样式表)。
  • zTreeStyle文件夹:zTree的标准风格样式文件夹(图片及css样式表)
  • js文件:zTree.all.js是完整的js库,可单纯加载此文件实现所有zTree功能,ztree.core、ztree.excheck、ztree.exedit、ztree.exhide是对ztree按照功能进行的分割,分别对应基本功能、复选功能、编辑功能、显隐功能。

zTree的基本使用

 formSelects 基于Layui的多选解决方案