常见的OA或者bbs或者网站,左侧往往带有菜单,使用者就可以通过菜单项进入响应的功能模块或者板块或者专区,如下所示:
PKU的BBS明显使用了ExtJS的海王星主题,而且使用的就是普通的tabPanel组件实现的菜单。如下图
下图是Ext官方提供的案例,访问的地址是:
http://examples.sencha.com/extjs/6.5.1/examples/classic/executive-dashboard/index.html#news/all
鬼知道他们使用了多少ExtJS官方提供的代码。
但是假如我们自己要山寨extjs的示例代码怎么办呢?哈哈,当然是官方渠道获取了。抱歉Ext官网下载的过程其实很复杂,我也没有下载成功。但是在一个网盘下载到了6.2版本,目前的最新版是6.5.3。
目录结构如下图所示:
kitchensink可以说是Ext官方提供的案例中不错的,如下图所示:
但是你明显发现这个kitchensink和executive dashboard有挺大差距的,山寨extJS当然是要山寨dashboard了,好的不学,难道去学那些烂的么?互联网那么多开源代码,不去学习不去使用,真的是对不起人民对不起党。
刚刚下载的ext sdk目录中找到template文件夹:
Ext的dashboard代码值得仔细看看。
下面还是说说本博文的主题,如何生成左侧树形菜单。网站顺利登录后,进入主界面,左侧生成树形菜单。