<%--声明树状的ul容器--%>
            <ul id="myTree" class="easyui-tree">
                <%--声明一级菜单--%>
                <li>
                    <span>超市购物网站</span>
                    <%--声明二级菜单细信息--%>
                    <ul>
                        <li>天猫超市</li>
                        <li>京东超市</li>
                        <li>永辉超市</li>
                    </ul>
                </li>
                <%--声明一级菜单信息--%>
                <li>
                    <span>电器购物网站</span>
                    <%--声明二级菜单信息--%>
                    <ul>
                        <li>京东</li>
                        <li>苏宁</li>
                        <li>国美</li>
                    </ul>
                </li>
                <%--普通一级菜单--%>
                <li><span>淘宝网</span></li>
            </ul>

只要写了以上的代码,那么我们就可以看见


并且我们点击一级菜单的时候,会收回

以上的动态实现就是因为代码的ul标签加了class="easyui-tree"实现的。easyui就是这么厉害,只要简单的配置,静态动态就给你实现好了。

现在我们需要做的是,当我们点击一级菜单的时候,会触发的事件是什么

使用这个onclick事件


我们在打印台可以看到