我的主页面是这样的,左边是目录树,当点击左边某个目录,则在右边区域显示相应的页面,但是当在右边页面点击提交时,我希望它只在右边区域内执行页面跳转,而不是整个页面刷新之后跳转。请问,我应该怎样实现啊?谢谢了。我没有用框架,只是用的ext实现的。
2条回答 默认 最新
- iteye_19576 2010-04-10 01:47关注
之前我做的一个项目和你的需求很相似,我的是左边是树,右边是一个Tabpanel,当点击左边一个节点是,右边打开一个相应的面板,如果面板已经打开就激活它。具体思路是这样的,给树节点加一个单击事件
[code="js"]
commandPanel.on('click',treeHandler);function treeHandler(node,e){
/**
* 如果不是叶子节点则退出
/
if(!node.isLeaf()){
return;
}
var panelId = node.attributes.id;
var panelTitle = node.attributes.text;
var panel = tabPanel.getComponent(panelId);
/*
* 如果存在让其显示出来
*/
if(panel){
tabPanel.add(panel);
tabPanel.setActiveTab(panel);
}else{
createPanel(panelId,panelTitle);}
}
[/code]根据节点值我们可以得到一个页面地址(依据你项目具体情况来构建),然后通过html标记,引进这个页面,这样的话你在开发中就可以单独开发这个页面,等开发好厚就可以直接引进来了,并加到Tabpanel中去,
[code="js"]
function createPanel(panelId,panelTitle){
var panel = new Ext.Panel({
id:panelId,
title:panelTitle,
closable:true,
layout:'fit',
//autoLoad:{url:panelId + '.jsp',scripts:true}
html:''
//autoLoad:{url:'own_staff_achievement.jsp',scripts:true}
});tabPanel.add(panel); tabPanel.setActiveTab(panel);
}
[/code]
参考页面:
[img]http://dl.iteye.com/upload/picture/pic/59176/2e458225-02ce-37b1-8e5a-f5965f2bbfcf.jpg
[/img]本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度