Ext采用viewport布局，如何设置树的超链接
日期：2014-05-16 浏览次数：20592 次
Ext采用viewport布局，怎么设置树的超链接？
下面这段代码用了viewport布局，在west那块我加了个树形菜单，现在要实现单击树的节点，在center块中显示不同页面，可是用了hrefTarget好像不管用，都是新打开一个窗口，大家帮我看看哪里有问题...
<script type="text/javascript">
Ext.onReady(function(){
var root=new Ext.tree.TreeNode({
id:'root',
text:'点餐系统'});
var node1=new Ext.tree.TreeNode({text:'桌台信息维护',href:'table_list.html',hrefTarget:'mainFrame'});
var node2=new Ext.tree.TreeNode({text:'菜品信息维护',href:'vegetable_list.html',hrefTarget:'mainFrame'});
root.appendChild(node1);
root.appendChild(node2);
var tree=new Ext.tree.TreePanel({
animate:true,
rootVisible:true,
autoScroll:true,
autoHeight:true,
useArrows:true,
root:root,
autoHeight:true
});
new Ext.Viewport({
layout: 'border',
items: [
{
frame:true,
title:"点餐系统",
region:"west",
items:tree,
width:200,
collapsible:true,
split:true
},{
region:'center',
id:'mainFrame',
autoScroll:true,
collapsible: true
},{
region: 'north',
frame:true,
contentEl:headdiv,
split: true,
height: 100,
minHeight: 100
}]
});
});
</script>
------解决方案--------------------
我也遇到这个问题
------解决方案--------------------
监听树节点的click事件
------解决方案--------------------
一个成功的例子
下面这段代码用了viewport布局，在west那块我加了个树形菜单，现在要实现单击树的节点，在center块中显示不同页面，可是用了hrefTarget好像不管用，都是新打开一个窗口，大家帮我看看哪里有问题...
<script type="text/javascript">
Ext.onReady(function(){
var root=new Ext.tree.TreeNode({
id:'root',
text:'点餐系统'});
var node1=new Ext.tree.TreeNode({text:'桌台信息维护',href:'table_list.html',hrefTarget:'mainFrame'});
var node2=new Ext.tree.TreeNode({text:'菜品信息维护',href:'vegetable_list.html',hrefTarget:'mainFrame'});
root.appendChild(node1);
root.appendChild(node2);
var tree=new Ext.tree.TreePanel({
animate:true,
rootVisible:true,
autoScroll:true,
autoHeight:true,
useArrows:true,
root:root,
autoHeight:true
});
new Ext.Viewport({
layout: 'border',
items: [
{
frame:true,
title:"点餐系统",
region:"west",
items:tree,
width:200,
collapsible:true,
split:true
},{
region:'center',
id:'mainFrame',
autoScroll:true,
collapsible: true
},{
region: 'north',
frame:true,
contentEl:headdiv,
split: true,
height: 100,
minHeight: 100
}]
});
});
</script>
------解决方案--------------------
我也遇到这个问题
------解决方案--------------------
监听树节点的click事件
------解决方案--------------------
一个成功的例子
- JScript code
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux', '../../Scripts/ext-4.0/ext-4.0/examples/ux');
Ext.require([
'Ext.tree.*',
'Ext.data.*',
'Ext.window.MessageBox',
'Ext.form.Panel'
]);
Ext.onReady(function() {
/**
* 上,panel.Panel
*/
this.topPanel = Ext.create('Ext.panel.Panel', {
region: 'north',
id: 'north',
html: '<div style="background-image:url(../../Content/images/logo3.gif); background-repeat:no-repeat;" id="north" class="clearfix"><div class="title" ></div><div class="welcome">欢迎你!<span class="user"><%= ViewData["CurrentUser"]%></span><a href="/User/Logoff" class="logoff">注销</a></div></div>',
height: 45,
margins: '0 0 0 0',
border: false
});
/**
* 左,panel.Panel
*/
this.leftPanel = Ext.create('Ext.panel.Panel', {
region: 'west',
title: '导航栏',
layout: 'accordion',
collapseMode: 'mini',
collapsible: true,
width: 180,
minWidth: 100,
maxWidth: 300,
split: true,
autoScroll: true
});
/**
* 右,tab.Panel
*/
this.rightPanel = Ext.create('Ext.tab.Panel', {
region: 'center',
id: 'tab',
height: '100%',
activeTab: 0,
items: [
{
title: '首页',
bodyPadding: 10
}
]
});
this.southPanel = Ext.create('Ext.panel.Panel', {
region: 'south',
html: '<div id="south"> Powered by ASP.Net MVC 2.0 + ExtJS 4.0.0 <a target="_blank" href="htt
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
