Code Monkey home page Code Monkey logo

layuiextend's Introduction

你好 👋

我是hsianglee,常用名“凉宫”,2018届本科毕业,计算机科学与技术,现居安徽,小小前端程序猿。

hsiangleev

layuiextend's People

Contributors

bbbboom avatar hsiangleev avatar lihf8515 avatar weathon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

layuiextend's Issues

后台返回数据只需要选中父级,渲染之后连子级也被选中了,比如只选广东就会连带广州也会选中

如下后台返回数据,只选择了广东、深圳,但是南山和广州都被选中了

[{
"id": "1",
"label": "分公司",
"spread": true,
"children": [{
"id": "25",
"label": "广东",
"checked": true,
"spread": true,
"children": [{
"id": "26",
"label": "深圳",
"checked": true,
"spread": true,
"children": [{
"id": "31",
"label": "南山",
"spread": true
}]
}, {
"id": "30",
"label": "广州",
"spread": true
}]
}, {
"id": "27",
"label": "湖南",
"spread": true
}]
}]

请教几个问题

请问有详细一点的文档吗?比如要倒入那些文件,如何使用右键菜单,如何动态添加节点,如何导出节点。谢谢

树加载会出现浏览器崩溃

我这边用的是2019/05/20的版本,
当render时,defaultCheckedKeys数组中包含某个data不存在的数据时,就会出现这种浏览器崩溃的现象。

您的tree 不具有实用性

应该按照真实生产环境来设置,生产中一定是从后台获取树信息。编辑树信息直接同步给后台。您都写到了js 里面,对于别人来说还是要重写

关于获取选择数据的BUG

不加复选框时获取不到数据,节点点击事件貌似也没用
{C9262308-3D5F-41CD-85DF-E9699A66560B}_20190530085316
{0A86E0D9-6957-46DF-BC7E-4EEAF811D0DB}_20190530085349
{56C5F46A-56B3-4E24-87DF-3CB55A550411}_20190530085426

第二个就是开启复选框,默认不展开所有点后,如果直接选择父节点,子节点是获取不到的,展开一次就能获取到了。
{10559DA3-CCE4-4633-9228-D3050DCE9DEC}_20190530085551

可以指定icon吗

请问:
可以使用第三方 icon 吗?
可以直接使用 layui 的 icon 资源吗?

空树不能直接添加结点吗?

您的append(key, data)中的key是必须的,如果我使用js(不是您的api)添加数据,而此时是空树(没有任何结点的树),这个方法就不能使用了

请教eleTree 假如我的子节点的子节点名字不一样,如何读取数据?

比如数据如下:
data: [
{
id: 1,
label: "安徽省",
children: [
{
id: 2,
label: "马鞍山市",
disabled: true,
children2: [
{
id: 3,
label: "和县",
},
{
id: 4,
label: "花山区",
}
]
}
]
},
{
id: 5,
label: "河南省",
children: [
{
id: 6,
label: "郑州市"
}
]
}
]

我看文档异步数据是可以定义
request: {
name: "label",
key: "id",
children: "children",
checked: "checked",
disabled: "disabled",
isLeaf: "isLeaf"
}

但是我的children的子节点名字叫children2,请问如何读取呢

一个添加子节点的bug

假如我开启了右键菜单,然后使用右键菜单在同一个父节点下添加两个子节点,这两个子节点的ID会相同,对后期处理会产生影响。图片为我获取其data属性传递到服务器的结果。
image

授权问题

作者您好!我对你这个项目十分感兴趣,想用字啊我的商业项目上,请问是否允许?是否需要标注原作者?
谢谢诶!

提几个小建议

1.如果开启懒加载后(不知道不开启是不是这样),新增节点时,新节点不应该有子节点
在新增节点的方法中,大概三百多行改为,var obj = {label: value, isLeaf : true, }
2.开启懒加载后,在节点未打开时, 直接使用add方法的话, 不会将后台已经存在的该节点的子节点加载, 所以应该先将子节点全部加载出来之后在添加子节点。

我来提BUG啦,鼠标右键出现的菜单栏 没有计算padding/margin?

如题
我外部是用layui-fluid包裹 然后在这一层加了一个padding-left = 200 px; 因为我同时使用了 顶部导航栏 与侧边导航栏 顶部导航栏 高60px , 侧边导航栏 宽200px ,于是在引用eleTree以后 在对应的菜单 右键 出现的菜单 向下偏移60px (目测) 向右偏移200px(目测 没有量 不过90%妥了),导致不能点选右键的菜单栏(新增 、 删除 、编辑 等等 都不能选), 去看了鼠标右键的rightClickMenu()函数,一脸懵- -!求解决~

懒加载怎么实现父级半选

我的下级数据是懒加载出来的,我能不能定义在下级数据没加载的时候让父级半选状态,否则编辑的时候我看不出来哪个父级下有选中的数据

eleTree checkbox 选中并取消后无法再次选中

<!DOCTYPE html>
<#import "/spring.ftl" as spring/>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><@spring.message "developer.cms.menu.title"/></title>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/eleTree/layui/css/layui.css"/>
    <#--<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/lay-ext.css"/>-->
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/eleTree/eleTree/eleTree.css"/>
    <script src="${request.contextPath}/webjars/jquery/jquery.min.js"></script>
    <script src="${request.contextPath}/eleTree/layui/layui.js">"></script>
</head>
<body>


<div class="ele1"></div>

<script>

    layui.config({
        base: '${request.contextPath}/js/'
    });

    layui.use(['jquery', 'eleTree'], function () {
        var $ = layui.jquery, treeGrid = layui.treeGrid, form = layui.form, layer = layui.layer;
        var eleTree = layui.eleTree;

        var data=[
            {
                id: 1,
                label: "安徽省",
                children: [
                    {
                        id: 2,
                        label: "马鞍山市",
                        disabled: true,
                        children: [
                            {
                                id: 3,
                                label: "和县"
                            },
                            {
                                id: 4,
                                label: "花山区"
                            }
                        ]
                    }
                ]
            },
            {
                id: 5,
                label: "河南省",
                children: [
                    {
                        id: 6,
                        label: "郑州市"
                    }
                ]
            }
        ];

        eleTree.render({
            elem: '.ele1',
            data: data,
            showCheckbox: true
        });
    });


</script>

</body>


</html>

setChecked过慢卡死的问题

我这边的树叶不太复杂,就300来个节点,然后setChecked大概300个时,就很慢,查看代码发现逐个逐个300多个太慢了,然后这个过程大约10秒左右才能完成,一般客户承受不了,而easyui是没这个问题,不知道为什么。能优化一下吗

        arr.forEach(function(val,index) {
            var nodeContent=options.elem.find("[data-"+options.request.key+"='"+val+"']").children(".eleTree-node-content");
            // 如果当前没选中则选中
            if(nodeContent.children(".eleTree-hideen").prop("checked")===false){
                nodeContent.children(".eleTree-checkbox").trigger("click",["default"]);
            }
        })

样式错乱

40 c o q603nrpeqrfoz_2s
如图 使用layuiadmin单页版时 首次打开没问题 下次再打开就图标就乱了

eleTree如何实现全选功能

请问eleTree要实现全选,有没有内置的方法呢?如果需要自己写代码,应该怎么实现?可否给个思路?非常感谢~

eleTree 的getChecked 问题 ,求指教

eleTree 初始定义的data值,用getChecked能获取到选中的节点,但后台再给这个eleTree重新加载reload,用getChecked始终获取的是空,求老师指教一下

eleTree请教

父选框,取消选中之后就不能在选中了,会是什么原因呢

id和name

name用于展示,id后台使用,这个是不是要支持下?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.