ExtJS4 border layout 左侧treePanel 中间 panel
2013-05-29 16:57
501 查看
效果图:
<link href="../extjs-4.1.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="../extjs-4.1.1/ext-all-debug.js" type="text/javascript"></script> <script type="text/javascript"> Ext.onReady(function () { var store = Ext.create('Ext.data.TreeStore', { root: { expanded: true, children: [ { text: "detention", leaf: true }, { text: "homework", expanded: true, children: [ { text: "book report", leaf: true }, { text: "alegrbra", leaf: true } ] }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true }, { text: "other", leaf: true } ] } }); var tree = Ext.create('Ext.tree.Panel', { region: 'west', //for border layout collapsible: true, title: 'Simple Tree', bodyStyle: 'background:#ffc;', width: 200, store: store, rootVisible: false, margins: '5 0 5 5' }); var main = Ext.create('Ext.panel.Panel', { region: 'center', //for border layout title: 'Main Panel', bodyPadding: 10, html: 'html content', margins: '5 5 5 5' }); Ext.create('Ext.panel.Panel', { layout: 'border', width: 600, height: 250, items: [ tree, main ], renderTo: Ext.getBody() }); });</script>
相关文章推荐
- ExtJS4 border layout 左侧treePanel 中间 panel
- Extjs4 Treepanel中添加右击事件
- Extjs5.0(5):为项目添加左侧导航栏(treepanel)
- extjs4 treepanel左右键事件
- extjs4 treepanel、 树、节点的操作
- ExtJS4 TreePanel 加载数据 J2EE
- ExtJs4问题笔记(一) 为treePanel 添加加载动画
- extjs4 treepanel checkbox 复选框 全选完美解决
- Extjs4 treePanel异步加载菜单(后台从数据库读取)
- Extjs4-treepanel-解析json/fields中是否加入leaf的区别
- [Ext.Net] 1.2.0_在程序集中自定义 TreePanel 控件
- Extjs treePanel 的treestore重复加载问题解决
- ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树) 【转】
- TreePanel树前面空白现实为找不到图片标志
- Ext核心API详解-Ext.tree.TreePanel
- extjs treePanel checkBox级联
- Extjs中左边treepanel右边panel动态加载jsp页面
- EXT.NET TreePanel获取选中节点
- Coolite TreePanel 静态刷新
- Ext.tree.TreePanel(三)