EasyUI(三)_树、菜单与按钮类组件(1:tree)
参考书籍:《jQuery EasyUI 网站开发实战》
树:静态树、动态树
静态树
->常用属性
-->text 节点文本
-->iconCls 节点图标
-->state 节点状态(open,closed)
-->checked 是否被选中
-->attributes 自定义属性
--> children 下级节点
页面代码:https://github.com/RESTPAIN/EasyUI/tree/master/3_1.tree/statictree
动态树(go语言-gin框架)
->id 树节点
页面代码:https://github.com/RESTPAIN/EasyUI/tree/master/3_1.tree/dynamictree
属性
数据操作 |
|
本地加载 |
data-null-array(属性名-默认值-值类型) |
过滤本地数据 |
filter-空-function(q,node) |
JSON数据文件或url地址 |
url-null-string |
数据请求方式 |
method-post-url(POST,GET) |
请求数据时附加参数 |
queryParams-{}-object |
自定义AJAX方式加载 |
loader-空-function |
对数据过滤后再显示 |
loadFilter-空-function(data) |
功能 |
|
显示 动画效果-展开和折叠 |
animate-false-boolean |
显示 复选框 |
checkbox-false-boolean,function |
只在 末节点 显示 复选框 |
onlyLeafCheck-false-boolean |
层叠选中 (选中父节点,关联子节点选中) |
cascadeCheck-true-boolean |
显示 树控件 虚线 |
lines-false-boolean |
启用 拖拽功能 |
dnd-fasle-boolean |
渲染 节点文本 |
formatter-false-function(node) |