• 修改layui tree组件支持上移下移


    layui版本:layui-v2.5.6 MIT

    问题:简介好用的layui前端框架真是后端开发着的福音(手动点赞) ,有个新需求就是导航管理改成树形结构展示。layui的tree组件支持增,删,改如下:

    但是不支持上下移动。

    要求新增和修改的时候页面不创建图标直接调用相应的节点回调函数。

    这个自己如何改造下呢。

    要求效果:

    解决:

    我找到 htmlliblayuilaymodules ree.js 文件打开。

     还好找了个工具 格式化下。

     这样好看多了

    去除编辑菜单的时候 编辑页面菜单文字的逻辑,直接处理操作节点的回调,同理修改新增处的逻辑。

      然后增加上下移动的两个图标分别命名为moveup movedown

    在 update 函数逻辑后增加 moveup movedown 函数逻辑     

    tree.render配置中开启moveup movedown 回调操作

    重新加载页面试试

    当然,layui此版本的图标是没有上下箭头图标的,参考此文章增加icon layui 自定义字体图标 扩展

    或着使用其默认的上下箭头图标

                                                                                                                                                                            

  • 相关阅读:
    linux学习资料收藏
    java 自动补全
    iframe
    XSLT 创建CDATA节点
    java 线程
    SQL(ORACLE)
    ubuntu下php无法载入mysql扩展
    Laravel 5.2 新特性系列 —— 多用户认证功能实现详解
    Windows环境下的NodeJS+NPM+Bower安装配置步骤
    关于Laravel 5 中 Html,Form 安装以及修改使用标签
  • 原文地址:https://www.cnblogs.com/kala00k/p/12895393.html
Copyright © 2020-2023  润新知