hsiangleev / layuiextend Goto Github PK
View Code? Open in Web Editor NEWlayui框架扩展
License: MIT License
layui框架扩展
License: MIT License
你好,能不能增加一个懒加载的功能?
请问:
可以使用第三方 icon 吗?
可以直接使用 layui 的 icon 资源吗?
请问eleTree要实现全选,有没有内置的方法呢?如果需要自己写代码,应该怎么实现?可否给个思路?非常感谢~
请问可以支持多选吗
Code:
https://github.com/weathon/New_DM/blob/master/index.html
line:110
扩展都不错,再增加个树形下拉选择器就完美了
当defaultCheckedKeys的数据上百之后,tree会一直卡死,然后最后页面崩溃
如题
如题
我外部是用layui-fluid包裹 然后在这一层加了一个padding-left = 200 px; 因为我同时使用了 顶部导航栏 与侧边导航栏 顶部导航栏 高60px , 侧边导航栏 宽200px ,于是在引用eleTree以后 在对应的菜单 右键 出现的菜单 向下偏移60px (目测) 向右偏移200px(目测 没有量 不过90%妥了),导致不能点选右键的菜单栏(新增 、 删除 、编辑 等等 都不能选), 去看了鼠标右键的rightClickMenu()函数,一脸懵- -!求解决~
作者您好!我对你这个项目十分感兴趣,想用字啊我的商业项目上,请问是否允许?是否需要标注原作者?
谢谢诶!
父选框,取消选中之后就不能在选中了,会是什么原因呢
我这边的树叶不太复杂,就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"]);
}
})
请问有详细一点的文档吗?比如要倒入那些文件,如何使用右键菜单,如何动态添加节点,如何导出节点。谢谢
``
能否出现横向滚动条,谢谢
比如 A>B>C
现在只能选到 C,不能选A或者B么
你好,eletree现在的添加node的逻辑感觉有点怪,以往的操作流程 点击新增->让用户输入名称->ajax到后台->成功返回新添加的信息->完成添加
name用于展示,id后台使用,这个是不是要支持下?
<!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>
我这边用的是2019/05/20的版本,
当render时,defaultCheckedKeys数组中包含某个data不存在的数据时,就会出现这种浏览器崩溃的现象。
建议开发搜索功能,当数据多的时候很难找到需要的选项
eleTree更新后,不能展开下级了,你看看
您的append(key, data)中的key是必须的,如果我使用js(不是您的api)添加数据,而此时是空树(没有任何结点的树),这个方法就不能使用了
应该按照真实生产环境来设置,生产中一定是从后台获取树信息。编辑树信息直接同步给后台。您都写到了js 里面,对于别人来说还是要重写
我的下级数据是懒加载出来的,我能不能定义在下级数据没加载的时候让父级半选状态,否则编辑的时候我看不出来哪个父级下有选中的数据
有没有超长的时候变成...然后鼠标移动过去有hint的功能?谢谢
如题。
eleTree 初始定义的data值,用getChecked能获取到选中的节点,但后台再给这个eleTree重新加载reload,用getChecked始终获取的是空,求老师指教一下
1.如果开启懒加载后(不知道不开启是不是这样),新增节点时,新节点不应该有子节点
在新增节点的方法中,大概三百多行改为,var obj = {label: value, isLeaf : true, }
2.开启懒加载后,在节点未打开时, 直接使用add方法的话, 不会将后台已经存在的该节点的子节点加载, 所以应该先将子节点全部加载出来之后在添加子节点。
如下后台返回数据,只选择了广东、深圳,但是南山和广州都被选中了
[{
"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
}]
}]
比如数据如下:
data: [
{
id: 1,
label: "安徽省",
children: [
{
id: 2,
label: "马鞍山市",
disabled: true,
children2: [
{
id: 3,
label: "和县",
},
{
id: 4,
label: "花山区",
}
]
}
]
},
{
id: 5,
label: "河南省",
children: [
{
id: 6,
label: "郑州市"
}
]
}
]
但是我的children的子节点名字叫children2,请问如何读取呢
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.