一:延时加载
定义一个BottomTree
Ext.define('LP.view.tree.BottomTree', {
extend : 'Ext.tree.Panel',
alias : 'widget.BottomTree',
dock : 'bottom',
id:"BottomTree",
rootVisible : false,
store : 'LP.store.tree.BottomTreeStore',
initComponent : function() {
var me = this;
Ext.applyIf(me, {
viewConfig : {
}
});
me.callParent(arguments);
}
});
“rootVisible : false,”-----根节点不可见
store : 'LP.store.tree.BottomTreeStore',----store
定义tree的store
Ext.define('LP.store.tree.BottomTreeStore', {
extend : 'Ext.data.TreeStore',
proxy : {
type : 'ajax',
url : 'treelayou!initTree.action?random='
+ new Date().getTime()
},
root : {
id : '-2',
expanded : true
},
fields : [{
name : 'text',
type : 'string'
}, {
name : 'count',
type : 'int'
}, {
name : 'id',
type : 'string'
}, {
name : 'leaf',
type : 'boolean'
}, {
name : 'patentId',
type : 'string'
}
],
folderSort : true,
sorters : [{
property : 'id',
direction : 'desc'
}],
});
其中“folderSort : true,”便是设置延时加载的
分享到:
相关推荐
在深入探讨ExtJS中Tree组件的使用之前,我们先来了解一下ExtJS本身。ExtJS是一个用JavaScript编写的开源前端框架,旨在帮助开发者构建复杂、高性能的Web应用程序。它提供了丰富的UI组件库,其中包括Tree(树形)组件...
ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...
在"ExtJs框架系列之filetree 源码"中,我们关注的是FileTree组件,它是一个可交互的文件系统树形视图,允许用户浏览、操作目录和文件。这个组件在Web应用中尤其常见,用于模拟桌面操作系统中的文件管理器。 File...
学习extjs资料,tree合成grid,很不错的视频文件,值得收藏
在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...
在“Extjs3.2.0+asp.net动态Tree”项目中,主要涉及的技术点包括: 1. **ExtJS TreePanel**:TreePanel是ExtJS中的一个组件,用于展示层级结构的数据,通常用于表示目录结构或者组织结构。在3.2.0版本中,TreePanel...
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
ExtJS Tree + JSON + Struts2 示例源代码是结合了三种技术来实现一个动态的、交互式的树形数据展示的应用。这个示例中,ExtJS用于前端UI的构建,JSON作为数据交换格式,而Struts2则作为后端MVC框架处理请求和返回...
ExtJS的Tree组件是Sencha ExtJS框架中的一个重要部分,用于构建可交互的树形结构数据展示。在ExtJS中,TreePanel是用来显示和操作树形数据的主要组件,它可以用于组织层次化的信息,如文件系统、组织架构或者分类...
学习extjs资料,tree合成grid,很不错的视频文件,值得收藏
根据给定的信息,我们可以深入探讨ExtJs中Tree组件的相关知识点,包括其定义、特性以及具体的配置选项等。 ### ExtJs Tree概述 ExtJs Tree是一种基于ExtJs框架的树形控件,它允许开发者构建出复杂的数据层次结构。...
ExtJS Tree 示例是一种基于ExtJS库实现的交互式树形组件,它允许用户在Web应用程序中展示层次结构数据。在本示例中,我们将探讨如何使用ExtJS来创建、访问和操作一个树形结构,特别是在数据库操作方面,如添加和删除...
ExtJS Tree是基于ExtJS框架实现的一种数据结构展示方式,它主要用于展示层级关系的数据,例如组织结构、文件系统等。ExtJS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计,提供了丰富的组件化功能和...
ExtJS Tree是Ext JS库中的一个组件,用于创建和展示层次结构的数据,通常表现为树形结构。这个组件在Web应用程序中广泛使用,特别是在需要管理有层级关系的数据时,如文件系统、组织架构或者导航菜单等。动态加载是...
树形菜单(Tree)是ExtJs中的一个重要组件,它允许用户以层级结构展示数据,广泛应用于文件系统、组织结构或者导航菜单等场景。"ExtJs_TreeDemo"是一个示例,展示了如何在ExtJs中实现树形菜单的功能。 在ExtJs中,...
ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...
总的来说,这个实例展示了如何利用ASP.NET作为服务器平台,WCF作为通信机制,以及ExtJS作为前端展示工具,共同构建一个动态的WEBTree目录树应用。对于想要学习这些技术结合使用的人来说,这是一个宝贵的实践案例。
ExtJS Tree 是一个基于 ExtJS 框架的组件,用于构建可交互的、层级结构的树形控件。在 Web 开发中,它经常被用来展示目录结构、组织架构或者复杂的分类数据。异步加载树型是 ExtJS Tree 的一个重要特性,允许只在...
这个"extjs-tree.zip"文件包含了使用Java编写的ExtJS异步树形控件的示例代码,旨在帮助开发者快速理解和应用这一功能。ExtJS是Sencha公司开发的一个前端框架,广泛应用于构建富互联网应用程序(RIA)。 在ExtJS中,...
9. **取消树的双击展开**:`Extjs tree取消双击展开.txt`可能讨论如何禁用树节点的默认双击展开行为,允许开发者自定义用户交互,比如通过点击按钮或使用其他事件来控制节点的展开和折叠。 以上只是基于文件名的...