`
姜中秋
  • 浏览: 87727 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Extjs 角角落落整理(三)tree的使用

ext 
阅读更多
一:延时加载
定义一个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中Tree组件的使用之前,我们先来了解一下ExtJS本身。ExtJS是一个用JavaScript编写的开源前端框架,旨在帮助开发者构建复杂、高性能的Web应用程序。它提供了丰富的UI组件库,其中包括Tree(树形)组件...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

    ExtJs框架系列之filetree 源码

    在"ExtJs框架系列之filetree 源码"中,我们关注的是FileTree组件,它是一个可交互的文件系统树形视图,允许用户浏览、操作目录和文件。这个组件在Web应用中尤其常见,用于模拟桌面操作系统中的文件管理器。 File...

    extjs4.0的高级组件tree加grid整合案例上.part2

    学习extjs资料,tree合成grid,很不错的视频文件,值得收藏

    Extjs的Tree和Tab使用json做tree数据交互

    在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...

    Extjs3.2.0+asp.net动态Tree

    在“Extjs3.2.0+asp.net动态Tree”项目中,主要涉及的技术点包括: 1. **ExtJS TreePanel**:TreePanel是ExtJS中的一个组件,用于展示层级结构的数据,通常用于表示目录结构或者组织结构。在3.2.0版本中,TreePanel...

    Extjs tree+grid+form+panel 使用实例

    Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例

    Extjs Tree + JSON + Struts2 示例源代码

    ExtJS Tree + JSON + Struts2 示例源代码是结合了三种技术来实现一个动态的、交互式的树形数据展示的应用。这个示例中,ExtJS用于前端UI的构建,JSON作为数据交换格式,而Struts2则作为后端MVC框架处理请求和返回...

    Extjs的tree

    ExtJS的Tree组件是Sencha ExtJS框架中的一个重要部分,用于构建可交互的树形结构数据展示。在ExtJS中,TreePanel是用来显示和操作树形数据的主要组件,它可以用于组织层次化的信息,如文件系统、组织架构或者分类...

    extjs4.0的高级组件tree加grid整合案例上.part3

    学习extjs资料,tree合成grid,很不错的视频文件,值得收藏

    ExtJs Tree

    根据给定的信息,我们可以深入探讨ExtJs中Tree组件的相关知识点,包括其定义、特性以及具体的配置选项等。 ### ExtJs Tree概述 ExtJs Tree是一种基于ExtJs框架的树形控件,它允许开发者构建出复杂的数据层次结构。...

    extjs tree示例

    ExtJS Tree 示例是一种基于ExtJS库实现的交互式树形组件,它允许用户在Web应用程序中展示层次结构数据。在本示例中,我们将探讨如何使用ExtJS来创建、访问和操作一个树形结构,特别是在数据库操作方面,如添加和删除...

    extjs tree

    ExtJS Tree是基于ExtJS框架实现的一种数据结构展示方式,它主要用于展示层级关系的数据,例如组织结构、文件系统等。ExtJS是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计,提供了丰富的组件化功能和...

    动态加载extjs tree

    ExtJS Tree是Ext JS库中的一个组件,用于创建和展示层次结构的数据,通常表现为树形结构。这个组件在Web应用程序中广泛使用,特别是在需要管理有层级关系的数据时,如文件系统、组织架构或者导航菜单等。动态加载是...

    ExtJs_TreeDemo

    树形菜单(Tree)是ExtJs中的一个重要组件,它允许用户以层级结构展示数据,广泛应用于文件系统、组织结构或者导航菜单等场景。"ExtJs_TreeDemo"是一个示例,展示了如何在ExtJs中实现树形菜单的功能。 在ExtJs中,...

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    ASP.NET运用ExtJs与WCF交互生成Tree目录树实例

    总的来说,这个实例展示了如何利用ASP.NET作为服务器平台,WCF作为通信机制,以及ExtJS作为前端展示工具,共同构建一个动态的WEBTree目录树应用。对于想要学习这些技术结合使用的人来说,这是一个宝贵的实践案例。

    extjs tree 异步加载树型

    ExtJS Tree 是一个基于 ExtJS 框架的组件,用于构建可交互的、层级结构的树形控件。在 Web 开发中,它经常被用来展示目录结构、组织架构或者复杂的分类数据。异步加载树型是 ExtJS Tree 的一个重要特性,允许只在...

    extjs-tree.zip_extjs tree

    这个"extjs-tree.zip"文件包含了使用Java编写的ExtJS异步树形控件的示例代码,旨在帮助开发者快速理解和应用这一功能。ExtJS是Sencha公司开发的一个前端框架,广泛应用于构建富互联网应用程序(RIA)。 在ExtJS中,...

    Extjs4使用要点个人整理

    9. **取消树的双击展开**:`Extjs tree取消双击展开.txt`可能讨论如何禁用树节点的默认双击展开行为,允许开发者自定义用户交互,比如通过点击按钮或使用其他事件来控制节点的展开和折叠。 以上只是基于文件名的...

Global site tag (gtag.js) - Google Analytics