1、第一步,创建静态页面tree.html,修改默认title内容,改为“EasyUI的Tree”,如下图所示:
2、第二步,在第一步的静态页面引入EasyUI核心JavaScript和CSS文件,并引入就j兑恶铼融Query核心js文件,如下图所示:
3、第三步,下面插入Tree数据源并生成树形结构,这里选择是仿照好友分类,分为我的好友、黑名单恽但炎杰和公众号,如下图所示:
4、第四步,编写Tree控件点击事件,并获取点击时Tree节点的内容,如下图所示:
5、第五步,在onClick事件下方编写Tree控件选中事件,类似也是获取Tree节点的内容,如下图所示:
6、第六步,编写完毕,在浏览器中进行预览该静态页面,这时会出现两个弹窗,如下图所示: