`
wjt276
  • 浏览: 650423 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

ExtJs加载本地txt格式的数据

阅读更多
/**
		 * 动态加载本地txt格式的数据
		 */	
		var mytree_3=new Ext.tree.TreePanel({
			//el:"container",//应用到的html元素id
			animate:true,//以动画形式伸展,收缩子节点
			//title:"Extjs静态树",
			//collapsible:true,
			rootVisible:true,//是否显示根节点
			autoScroll:true,
			autoHeight:true,
			//height:'100%',
			width:'100%',
			lines:true,//节点之间连接的横竖线

			//树加载器(TreeLoader)的目的是从URL延迟加载树节点Ext.tree.TreeNode的子节点。返回值必须是以树格式的javascript数组
			loader: new Ext.tree.TreeLoader({
				preloadChildren: true,//若为true,则loader在节点第一次访问时加载"children"的属性
				clearOnLoad: false,//(可选)默认为true。在读取数据前移除已存在的节点
				dataUrl:'data.txt'
			}),                
			root: new Ext.tree.AsyncTreeNode({
				text:'ExtJs',
				id:'root',
				expanded:true
			}),
			collapseFirst:false  
		});

 data.txt内容:

[   
    {text:'not leaf',children:[{text:'is leaf',leaf:true}]},   
    {text:'is leaf',leaf:true}   
] 

 

分享到:
评论
1 楼 datouren 2014-08-05  
您好想问你一下 为什么只显示根节点 其它节点不显示 目前是在一个静态页面中写的 没有部署到服务器上。。
我在页面中包含文件了 一个localXHR.js 这个文件 然后可以在谷歌和火狐浏览器显示出来,问一下什么原因 该如何解决 期待您尽快回复

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...

    Extjs之旅-combox之远程加载数据

    Store是ExtJS中管理数据的容器,它可以连接到各种数据源,包括本地数据、JSON、XML等,或者通过Ajax请求从服务器获取数据。在Combox中,我们通常会配置一个与服务器交互的Store,并设置它的proxy属性为AjaxSource,...

    Extjs treeGrid 本地数据 例子

    在这个“Extjs treeGrid 本地数据 例子”中,我们将探讨如何使用ExtJS创建一个本地数据驱动的TreeGrid,并了解相关的核心概念和技术。 首先,我们要理解TreeGrid的基础构成。TreeGrid由行(rows)组成,这些行可以...

    ExtJs GridPanel延时加载.rar

    另外,使用内存代理(MemoryProxy)进行本地数据测试,以及合理使用延迟初始化(LazyInitialization)也可以提升性能。 通过理解以上知识点,你可以有效地利用延时加载来优化ExtJs GridPanel的性能,创建出流畅且...

    php+extjs+grid实时显示更新数据

    在本场景中,PHP负责从数据库(如MySQL)中获取数据,处理请求,并返回JSON格式的数据给前端EXTJS Grid。这通常通过创建一个API接口来实现,例如一个`getData.php`文件,它接收请求参数,执行SQL查询,然后将结果集...

    ExtJS 使用grid显示数据

    2. **数据存储(Store)**:管理数据集,它可以是本地数据或远程数据,如`Ext.data.Store`,配置数据源、proxy(代理)用于与服务器通信,例如JSONP或Ajax。 3. **列模型(Column Model)**:定义Grid的列布局,`...

    extjs中本地照片预览、blob数据在oracle中存取

    此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...

    绝对好用!extjs中本地照片预览、blob数据在oracle中存取.zip

    此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...

    extjs最简单的数据绑定和修改

    数据存储是模型实例的集合,可以连接到数据源,如JSONP、Ajax或本地存储。`Ext.create('Ext.data.Store', {model: 'User', data: [{name: 'John', email: 'john@example.com'}, ...]})` 创建了一个包含用户数据的...

    轻松搞定Extjs 带目录

    Extjs的`Ext.util.Format`类提供了一组内置的格式化函数,用于文本、日期和数字的格式化。还可以自定义格式化函数,或者通过`XTemplate`进一步自定义内容。 #### 8. 组件结构 Extjs的组件结构复杂且功能强大,包括...

    SpringMVC+ExtJS完美集成(数据传输方式为JSON和model)

    SpringMVC提供了国际化的支持,可以将消息存储在资源文件中,根据用户的语言设置动态加载相应的消息,提供本地化服务。类似地,ExtJS也有自己的国际化机制,可以方便地切换不同的语言环境。 在实际项目中,...

    ext3 gridRowEditor本地数据简单demo,有注释

    这个文件可能包含了创建GridPanel、定义Columns、配置RowEditor插件,以及加载本地数据的相关代码。开发者可能会使用`Ext.grid.EditorGridPanel`,并为每个列定义一个`editor`属性来启用单元格编辑。同时,Store的...

    ExtJs中引用的三个js

    6. **模块化与按需加载**:为了优化性能,ExtJS 4及以上版本引入了CMD(Command Line Compiler)和AMD(Asynchronous Module Definition)模块化加载机制。通过Sencha CMD工具,开发者可以将应用拆分为模块,并在...

    EXTJS4自学手册

    EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册...

    Extjs4---combobox省市区三级联动+struts2

    这些方法可以返回JSON格式的数据,以便于ExtJS前端解析和填充到ComboBox中。使用Struts2的JSON插件可以轻松实现这一点。 配置Struts2的Action,我们需要在`struts.xml`中声明相关的Action映射,设置接收请求的URL和...

    extjs 分页

    1. Store:EXTJS中的Store是用来存储数据的容器,它可以连接到各种数据源,包括本地数组、远程JSON、XML等。Store内置了分页功能,通过配置`autoLoad`、`pageSize`等属性可以实现分页加载数据。 2. Grid:EXTJS ...

    extjs3.3 中文文档

    6. **AJAX和JSON**:EXTJS内置了处理AJAX请求的机制,支持JSON格式的数据交换,这对于与服务器进行异步交互至关重要。 7. **工具栏和菜单**:EXTJS提供创建工具栏和下拉菜单的功能,这些元素常用于提供用户交互。 ...

    ExtJS深入浅出介绍之数据存储于传输

    1. **JsonStore**:对于JSON格式的数据,ExtJS提供了JsonStore,它可以自动解析服务器返回的JSON对象,并将其转化为Store中的数据。 2. **XML和SOAP支持**:虽然JSON是最常用的数据格式,但ExtJS也支持XML和SOAP...

Global site tag (gtag.js) - Google Analytics