本文目录一览:
- 1、如何实现EXTJS左边导航的3级菜单
- 2、extjs导航面板里面菜单动态生成的怎么做
- 3、关于extjs的问题,extjs的导航菜单问题
- 4、Extjs怎么把树做进导航栏里?
- 5、ExtJS中怎样实现动态主菜单
- 6、extjs accordion 导航菜单如何实现
如何实现EXTJS左边导航的3级菜单
可以使用Extjs技术,方便快捷。在百度文库中可以找到对应的案例,进行修改。
就可以解决。
谢谢了。
extjs导航面板里面菜单动态生成的怎么做
ajax请求后台,然后遍历返回结果,每个结果new 一个item,添加到menu就好了
关于extjs的问题,extjs的导航菜单问题
Ext.menu.Menu 对象里的ITEM 有两种类型。1,Ext.menu.Item。2,Ext.menu.Menu的嵌套
你说的3级菜单就是Ext.menu.Menu+Ext.menu.Menu+Ext.menu.Item的嵌套。
具体用add方法添加。
部分代码如下:
var hmenu_copy = new Ext.menu.Menu();
hmenu_copy.add({
text:'level2',
//scope: this,
iconCls:'x-group-by-icon',
menu:[
{text:'level3',handler: },
]
});
由于是项目截码,具体自己加其他环境。还有问题请追加
Extjs怎么把树做进导航栏里?
在做Extjs树时,一般是先创建树,然后再添加进导航,代码如下:
//创建树
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: "buy lottery tickets", leaf: true }
]
}
});
var tree = Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false
});
//添加至导航
{
title:'导航',
region:'west',
split:true,
border:true,
collapsible:true,
width:250,
minSize:120,
maxSize:200,
items: [tree]
}
ExtJS中怎样实现动态主菜单
Ext.Ajax.request({
//后台请求数据
url: 'xxx.php',
success: function (response){
var data = Ext.decode(response.responseText);
//创建空的工具条
var MenuBar = Ext.create('Ext.toolbar.Toolbar');
for(var i=0;ilt;data.length;i++){
var Menu = data[i];
MenuBar.add({
text: Menu.text
handler: 跳转页面函数,一般要传参
});
}
MenuBar.doLayout();
});没有亲测过,也许会有点问题,遇到了再追问吧
extjs accordion 导航菜单如何实现
Ext.create('Ext.panel.Panel', {
title: 'Accordion Layout',
width: 300,
height: 300,
defaults: {
// applied to each contained panel
bodyStyle: 'padding:15px'
},
layout: {
// layout-specific configs go here
type: 'accordion',
titleCollapse: false,
animate: true,
activeOnTop: true
},
items: [{
title: 'Panel 1',
html: 'Panel content!'
},{
title: 'Panel 2',
html: 'Panel content!'
},{
title: 'Panel 3',
html: 'Panel content!'
}],
renderTo: Ext.getBody()
});
这是官网的。