it编程 > 前端脚本 > ExtJs

Extjs中通过Tree加载右侧TabPanel具体实现

75人参与 2024-05-18 ExtJs

最近在做一个物流管理的项目,公司必须要求用extjs4.1来做界面,因为以前一直也没有接触过所以开发的过程中遇到了很多的困难。同时extjs4.1的资料在网上也相对来说较少。好了,不说废话上代码:
1.左侧的功能树

要点介绍
•tree一定不要忘记添加别名alias
•设置树形结构的子节点的id值为你需要在右侧显示的view的别名alias(重要) ------可参考下方的view代码
2.需要打开的对应的view

3.建立一个右侧的tabpanel

4.设置点击tree的触发事件

结果上效果图:

总结:extjs做出来的效果确实很炫,但是学起来也有一定的难度,特别是比较新的版本,网上很难找到什么好的教程。还好我们有api,可以多对着api中的例子进行练习,这样掌握起来也很快。最近才接触extjs,希望各位大神不要吐槽!
(0)
打赏 微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

推荐阅读

Extjs407 getValue()和getRawValue()区别介绍

05-18

Extjs4 GridPanel 的几种样式使用介绍

05-18

Extjs中ComboBoxTree实现的下拉框树效果(自写)

05-18

Extjs4 GridPanel的主要配置参数详细介绍

05-18

EXTjs4.0的store的findRecord的BUG演示代码

05-18

Extjs4 关于Store的一些操作(加载/回调/添加)

05-18

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论