ExtJs选项卡,求大神解答


如图,我要在这个树下面加个选项卡,怎么弄
Ext.onReady(function() {
//layout的north region
var data = [{
text: '一号摄像头',
expanded: false, //最终节点就是叶子,否则就expanded
children: [{
text: '设备ID解析',
icon: 'icon/award_star_gold_2.png',
leaf: true
}, {
text: '登录',
leaf: true
}, {
text: '云台控制',
leaf: true
}]
}, {
text: '二号摄像头',
expanded: false,
children: [{
text: '设备ID解析',
leaf: true
}, {
text: '登录',
leaf: true
}, {
text: '云台控制',
leaf: true
}]
}];
//定义菜单栏
var menutreeStore = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
text: '摄像头列表',
icon: 'icon/attach.png',
children: data
}
});

var left_content = Ext.create('Ext.tree.Panel', {
id: 'left_content',
region: 'west',
collapsible: false,
autoScroll: true,
animate: true, //展开的动画效果
singleExpand: false, //单一展开
rootvisible: true, //根节点可见
width: 200,
border: false,
autoHeight: true,
store: menutreeStore,
useArrows: true,
store: menutreeStore
});

var center_content = Ext.create("Ext.panel.Panel", {
id: 'center_content',
region: "center",
split: true,
collapsible: false,
html: '<div id="divPlugin" class="plugin"></div>'
});

//总布局创建
Ext.create('Ext.container.Viewport', {
layout: 'border',
renderTo: Ext.getBody(),
items: [center_content, left_content]
});

//onReady end
});
这是源码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值