`
haray
  • 浏览: 5209 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
最近访客 更多访客>>
文章分类
社区版块
存档分类

dwr+ext一棵树的问题

阅读更多
最近做了一棵树,可是点击时却无限制的加载,请各位大虾帮忙看下:

//设置树的点击事件
function treeClick(node,e) {
if(node.leaf){
e.stopEvent();
var tabs = tab.getComponent(node.id);
if (!tabs) {
tabs = tab.add({
'id' : node.id,
'title' : node.text,
closable:true,
html : '我是"'+node.text+'"'
});
}
tab.setActiveTab(tabs);
}
}

//生成标签页
var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0, 
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableDD:true,
enableTabScroll:true,
    defaults: {frame:true, width:395, height: 300},
items:[{
                 title:'公告信息',
                 colspan:2,
                 autoScroll:true,
                 collapsible:true,
                 width:700,
                 height:500,
                 contentEl:'afficheDiv'
             }]
});

Ext.onReady(function(){
   //layout
   var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({
region:'south',
el: 'south',
height:25
}),{
region:'west',
id:'west-panel',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
margins:'0 0 0 0',
layout:'accordion',
title:'系统菜单',
collapsible :true,
layoutConfig:{
animate:true
},
    items: [
    {
title:'EXT控件使用',
border:false,
html:'<div id="tree-div" style="overflow:auto;width:100%;height:100%"></div>'
//iconCls:'nav'
    },{
title:'信息中心',
border:false,
//iconCls:'settings',
html:'<div id="tree" style="overflow:auto;width:100%;height:100%"></div>'
    },{
title:'系统设置',
border:false,
//iconCls:'settings',
html:'<div id="tree3" style="overflow:auto;width:100%;height:100%"></div>'
    }]
},
        tab//初始标签页
]
});

//设置树形面板
var Tree = Ext.tree;
// set the root node
var root = new Tree.AsyncTreeNode({
text: '设置树形面板',
draggable:false,
id:'root'
});

var tree = new Tree.TreePanel({
el:'tree-div',
autoScroll:true,
root:root,
animate:true,
enableDD:false,
border:false,
rootVisible:false,
containerScroll: true,
loader: new Tree.TreeLoader({
dataUrl:'treedata.hr'
})
});

    tree.setRootNode(root);
// render the tree
tree.render();
root.expand();
tree.on('click',treeClick);

//end loding
setTimeout(
function() {
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
}, 250
  );
});
  • 大小: 1.7 MB
分享到:
评论

相关推荐

    DWR+EXT简单示例

    以下是一个简单的DWR+EXT的交互示例: 1. 在`dwr.xml`中配置DWR允许访问的Java方法: ```xml ``` 2. 在Java类`DemoService.java`中定义方法: ```java public class DemoService { public List...

    dwr+ext+spring demo

    【标题】"dwr+ext+spring demo" 是一个整合Direct Web Remoting (DWR), Ext JS 和 Spring 框架的示例项目。这个项目旨在展示如何将这些技术有效地结合在一起,创建一个功能丰富的、交互性强的Web应用程序。 【描述...

    ssh整合例子(spring3 + struts2 + hibernate4+dwr+ext+json)

    内含 ext+dwr+freemark+jasperreort+ireport+echance+oscache+velocite等技术 展示例子:http://zz563143188.iteye.com/blog/1462413 若要下载chm格式请到http://user.qzone.qq.com/563143188 程序源码下载地址10MB...

    DWR+EXT 最简单的树

    标题 "DWR+EXT 最简单的树" 指涉的是一个使用Direct Web Remoting (DWR) 和 EXTJS 技术构建的简单树形结构。DWR 是一个Java库,它允许JavaScript在浏览器中直接调用服务器上的Java方法,实现Web应用的异步更新。...

    DWR+EXT+SPRING+HIBERNATE较为完整的一个例子

    《DWR+EXT+SPRING+HIBERNATE:一个综合示例解析》 DWR (Direct Web Remoting)、EXT、Spring 和 Hibernate 是 Java Web 开发中的四大核心技术,它们各自在不同的领域发挥着关键作用。DWR 提供了一种在浏览器与服务器...

    SSH+DWR+EXT 增删改查

    综上所述,"SSH+DWR+EXT 增删改查"这个主题涉及了如何使用这些技术进行后台数据的管理。开发者可以利用SSH框架处理业务逻辑和数据持久化,通过DWR实现实时的前后端交互,再结合EXTJS创建用户友好的界面,完成网页上...

    DWR+EXT的eclipse下的工程

    总的来说,DWR+EXT的组合为开发人员提供了一个强大而灵活的工具集,能够构建高性能的、具有丰富交互性的Web应用。通过Eclipse的集成开发环境,开发者可以更高效地管理和调试这些应用,从而提升开发效率。理解并熟练...

    dwr+ext的eclipse新工程

    【标题】"dwr+ext的eclipse新工程"是一个基于Eclipse开发的项目,它结合了Direct Web Remoting (DWR) 和Ext JS技术,主要用于构建富客户端Web应用程序。DWR是一种允许JavaScript与服务器端Java代码进行交互的库,而...

    dwr+ext+strusts2+spring+hibernate整合

    "dwr+ext+struts2+spring+hibernate整合"就是一个典型的例子,它涵盖了前端展示、后端控制、业务逻辑处理、持久层操作等多个层面的技术。下面将分别详细介绍这些技术以及它们在整合中的作用。 1. DWR (Direct Web ...

    DWR+Struts+spring+hibernate的订货系统

    DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是疯狂Java体系丛书之一,前8章基本以XHTML、JavaScript和DOM编程为主,无须任何基础即可阅读;第9章以后的内容则需要掌握Spring、Hibernate等Java ...

    在idea8上用DWR+ibatis+Ext +mysql 开发的小程序

    在这个基于IDEA 8的开发项目中,我们看到了一个使用DWR(Direct Web Remoting)、iBatis、Ext JS和MySQL构建的小程序的配置和部分实现。这些技术组合在一起,可以创建一个动态、交互式的Web应用程序,具备强大的数据...

    struts+DWR+Jquery+ext

    Direct Web Remoting (DWR) 是一个JavaScript库,它允许在浏览器和服务器之间进行实时、安全的双向通信。DWR通过AJAX技术实现了JavaScript和Java之间的松散耦合调用,使得前端可以方便地调用后端的Java方法,极大地...

    Spring+DWR+EXT 技术的一个人事管理系统

    一个基于Spring依赖注入特性的二级插件的模型,里面主要封装了如下特性:数据库连接池(常用的4-5个)、分页查询(oracle,mysql,sqlserver等)、数据转码(空值、特定、列名等)、数据导出(Pdf,excel,html,...

    EXT2+DWR+SPRING实现树

    "EXT2+DWR+SPRING实现树"这个项目很可能是结合了这三个技术来构建一个Web应用,其中EXT2可能被用作服务器端的文件系统,用于存储和管理数据。DWR则作为前端与后端交互的桥梁,使得JavaScript可以实时获取和更新...

    DWR+extjs+spring+hibernate

    总结起来,"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集,它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术,可以显著提升开发者的技能水平...

    ssh+ext+json+dwr技术实现的动态树

    这个名为“ssh+ext+json+dwr技术实现的动态树”的项目结合了这些技术,为我们提供了一个生动的示例,展示了如何在实际项目中有效地整合它们。 SSH(Spring、Struts、Hibernate)是Java Web开发的三大框架,它们各自...

    Spring+DWR+ibatis+jQuery+easyUI的框架例子

    Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。

    dwr+spring+hibernate模板.zip

    《DWR+Spring+Hibernate整合应用详解》 在IT领域,DWR(Direct Web Remoting)、Spring和Hibernate是三个至关重要的技术组件,它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...

    EXT + DWR + Struts + Hibernate + Spring Demo

    EXT + DWR + Struts + Hibernate + Spring 是一个经典的Java Web开发框架组合,它们共同构建了一个强大、灵活且高效的Web应用程序。以下是对这些技术及其在Demo中的应用的详细解释: 1. **EXT**:EXT(现称为Sencha...

Global site tag (gtag.js) - Google Analytics