这篇文章主要介绍了亚马逊树（树形结构)应用总结，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
##这两天工作比较忙，不过还是要总结相关的坑，希望兄弟们要谨慎应用AmazeUI里边自带的树形结构插件
##然后我简单说下我们公司前端应用：UI框架为AmazeUI(俗称妹子),交互框架为JQ。
##如果你公司对于树形结构这边要求不要求有点击事件，只是纯显示那么你可以继续向下看，如果要求树形结构支持勾选，支持拖拽等等.我建议你直接点击退出，去用实现版吧
第一步：基本引入
链接rel='样式表href=' assets/CSS/amazeui。树。量滴' CSS '
ul class='am-tree' id='tree '
！-以下第一个里标签如果设计没有子级结构，可以屏蔽-
Li class=' am-tree-branch am-hide ' data-template=' tree branch '
div class=' am-tree-branch-header '
button class=' am-tree-branch-name '
span class=' am-tree-icon am-tree-icon-folder '/span
span class='am-tree-label'/span
/按钮
/div
ul class=' am-tree-branch-children '/ul
span class=' am-tree-loader ' span class=' am-icon-spin am-icon-spinner '/span/div
/li
Li class=' am-tree-item am-hide '数据-模板=' tree item '
button class='am-tree-item-name '
span class=' am-tree-icon am-tree-icon-item '/span
span class='am-tree-label'/span
/按钮
/li
/ul
脚本src=' assets/js/amazeui。树。量滴js '/脚本
第二步：逻辑书写（可新建射流研究…书写)
/*****粗加工后台数据（给单条数据增加了id，和pid、类型、标题),如果后台数据返回的直接带有层级结构的数据直接跳过这个步骤)
* for(I=0；ioda ta。长度；i ){
if(odata[i].level=2){
//数据[i].框架图
//截取倒数后两个'.'后边的字符串/
让arr=['a '，' b '，' c '，' d '，' e '，' f '，' g '，' h '，' I ']；
let str=odata[i].frameMenuStr//当前数据身份
odata[i].id=arr[odata[i].level-1]str。substring(str。的最后一个索引(' . ')) 1);
让j=str.lastIndexOf(' . ');//当前数据父节点身份
odata[i].pid=arr[odata[i].level-2]str。substring(str。的最后一个索引(' . ')，j-1)，str.lastIndexOf(' . '));
odata[i].title=odata[i].菜单名
odata[i].type=' item
}else{
odata[i].id='a' odata[i].框架图
odata[i].title=odata[i].菜单名
odata[i].type=' folder
//odata[i].pid=' 00000000
}
}
* ********/
/*******
*
