2018年1月11日升级 
  Layui - Xtree 3.0 
 此版本包含了前两个版本所有的功能,同时修复了一些问题,增加了一些功能,之前的版本可以直接抛弃啦! 本次升级改动较多,参数也有所更改,尽量别直接覆盖之前版本,而是当成一个全新的tree插件来对待吧!  功能说明:(详细使用方式在下面的文档中) 1、常规tree,无层级限制; 2、增加checkbox复选框; 3、两种数据绑            
                
         
            
            
            
            官方地址:://fly.layui.com/extend/treeSelect/ 下面介绍一下这个插件的使用方法 1.html页面 <div class="layui-input-block"> <input name="pid" value="" type="text" id="tree            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-02-23 13:47:43
                            
                                1542阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录前言实现步骤初步准备构建data数据源 前言有空研究了一下Layui,感觉相对于EasyUI来说,美观了不少,结合后台加载动态Tree带大家初步了解一下这个框架实现步骤初步准备Layui官网 去官网下载好Layui,里面有示例和css、js等文件 具体使用步骤: 要使用Layui,必须引入css文件和js文件:<link rel="stylesheet" href="css/layui            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-16 10:25:41
                            
                                650阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            基于layui自定义树形组件文档 - layui.sw365tree简介:针对于自己的需求所自定义的树形组件模块加载名称:sw365tree1· 快速使用var tree = layui.sw365tree; 通过 tree.render() 方法指定一个元素,便可快速创建一个 tree 实例。<!DOCTYPE html>
<html>
<head>
  &l            
                
         
            
            
            
            需求最近在开发一个文件库模块,需要用到树形表格来展现文件夹的层次感。官方文档文档:https://fly.layui.com/extend/treeGrid/在线 demo 码云地址: 代码 使用方法首先我们把treeGrid.js文件复制到你的项目中去,然后在js文件中引用,在此我把最简单的实现给大家展现出来html文件<div style="hei            
                
         
            
            
            
            LayUi框架中树形组件tree官方还在持续完善中,目前最新版本为v2.5.5官方树形组件目前还不支持懒加载方式,之前我修改一版是通过reload重载实例方法填充子节点数据方式,因为递归页面元素时存在效率问题,最终放弃升级。本次重新star了官方最新tree.js源码,在其基础上扩展了子节点懒加载模式方法,data数据参数中增加了lazy: true,开启懒加载模式,需要配合spread事件使用。            
                
         
            
            
            
            作为一个后端的工作者(以后可能要接触前端框架的人)没有接触过前端框架,只对原生态的 HTML/CSS/JavaScript 有所了解,那么 Layui 无非是较优的选择。
本文就是我在整合 SpringBoot 和 Layui 时,对 Layui 的源码产生了一些兴趣,所以特意分析一下。我的Demo首先是 blog.html 页面的代码:<!DOCTYPE html>
<html            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-31 10:51:41
                            
                                42阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.简介  也许你对树菜单再熟悉不过了,然而你仍有可能更青睐layui的tree,它也许比以往你知道的任何一个类似的组件都更轻量、简单,你在享受许多功能的同时,甚至不用去记太多的参数。另外,最大的重点在于,她在UI上完全遵循于当下主流的风格,并且具备高度可扩展性,会与你的许多页面非常融洽的并存。2.制作如下案例     步骤1.编写html<div class=            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-16 09:59:50
                            
                                382阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
  1) B+-tree的磁盘读写代价更低  
 
  B+-tree的内部结点并没有指向关键字具体信息的指针。因此其内部结点相对B 树更小。如果把所有同一内部结点的关键字存放在同一盘块中,那么盘块所能容纳的关键字数量也越多。一次性读入内存中的需要查找的关键字也就越多。相对来说IO读写次数也就降低了。  
 
  举个例子,假设磁盘中的一个盘块容纳16bytes,而一个关键字            
                
         
            
            
            
            XD中的图层面板  Adobe XD里画出来的每一个元素都是一个独立的图层,和PS一样可以通过快捷键Ctrl+G键进行自由组合,也可以通过Ctrl+Shift+G取消组合。单击工具栏中的“图层”工具,或者按Ctrl+Y键打开和关闭图层面板。     在未选择任何对象的情况下,“图层”面板中只显示所有画板和粘贴板。 在选择任意画板的情况下,“图层”面            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-11 10:35:53
                            
                                258阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                  样式代码,防止下拉框的下拉列表被隐藏---必须设置--- 此样式和表格的样式有冲突 如果表格列数太多 会出现错乱的情况1   /* 防止下拉框的下拉列表被隐藏---必须设置--- 此样式和表格的样式有冲突 如果表格列数太多 会出现错乱的情况 目前我的解决方法是忽略下拉框的美化渲染 <select lay-ignore&g            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-06 01:09:14
                            
                                143阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            开发工具与关键技术: Vs 、Layui插件表格下拉框作者:木有窝的鸟~小通撰写时间:2019年7月6日   使用到layui插件的小伙伴可能都会发现,其实在layui插件表格里边添加下拉框或者input标签文本框都是比较复杂的。首先呢,在layui表格里面添加下拉框,在layui表格中就会出现默认的下拉框样式,而这种样式插件原生自带,进而出现了两个下拉框。1、我们要做的是去除            
                
         
            
            
            
            最近做的需求里面有类似于下拉框多选的需求,因为本身应用的是layui的组件库,所以变去借鉴了一下写法,应用到自己的项目之后的效果那是刚刚的。超级好用,下面先贴上代码:
/**
 @Name:layui.form 表单组件
     @Author:贤心
 @License:MIT
 */
layui.define('layer', function(exports){
    "use s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-29 10:06:35
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这是一个客户传过来直接加工的零件,不用我们设计,只用负责展开       右键点 钣金 选择编辑特征       先说折弯半径,这个选择跟板厚有关系,材料越厚,折弯半径应该越大,但是最主要的还是跟单位的折弯刀具有关系,你们单位的刀具决定零件的内R,但是这里我们画图的时候是无所谓的,内R越小四周折弯缝隙越小。       这个是内R0.74的半径       这个是内R0.2的半径,所以我一般选0.            
                
         
            
            
            
            在模块中出现公用的菜单栏,如果每一页都单独有一个菜单栏维护起来很麻烦,每次增加一个菜单的话,菜单中的每个页面都需要修改菜单栏,稍有不慎,就会出现样式不一样的情况。     这时候就需要用到jsp的包含机制。包含机制有两种:include指令和<jsp:include/>标准动作。     <%@ include file            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-10 16:21:51
                            
                                80阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1. 模块加载名称: tree。2. 核心方法2.1. 通过tree.render(options)方法指定一个元素, 便可快速创建一个tree实例。3. 基础参数3.1. 目前tree组件提供以下基础参数, 可根据需要进行相应的设置:4. 数据源属性选项 4.1. 我们将data参数称之为数据源, 其内部支持设定以下选项:5. 节点被点击的回调 - click5.1. 在节点被点击后触发, 返回            
                
         
            
            
            
            Layui数据表格基本形态,官网链接地址
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>table模块快速使用</title>
        <link rel="stylesheet" href="/la            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-23 06:29:19
                            
                                332阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            absolute是相对于自己最近的父元素来定位的,relative是相对于自己来定位的relative 不脱离文档流,absolute 脱离文档流。也就是说:relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。absolute的元素不仅位置改变了,同时也脱离了文档流。所以absolute会把非定位盒子覆盖掉。position:relative日常应用的时候一般是            
                
         
            
            
            
            最近做项目新增光纤线路清查功能模块,思路和算法已经想好了,些代码时候居然在一个控件上纠结了好长的时间,虽然后来搞定了,但是好记性不然烂笔头,还是写下来,以后要用到的时候直接翻就行,帮助文档看得比较纠结,还是自己写的好。往往当时会用了,一段时间没用后再用的时候有要翻帮助文档或网上搜,纠结很久。我们学东西的时候一般不应该花过多精力和时间到控件或框架上,但是做项目要的是结果。记得有次去面试败在机试上,题            
                
         
            
            
            
            layui引入treeSelect.js很简单,百度一下就知道了,不过需要在请求头headers传递,token,或者其他什么的百度半天没找到,然后尝试了一番,感觉可以了。1.在使用中直接增加headers:javascripttreeSelect.render({//选择器elem:'tree',//数据data:basurl+'datauser/menu/find_menu_tree',hea            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2022-03-04 09:44:47
                            
                                2155阅读