`

extjs异步加载树

阅读更多
var treepanel = new Ext.tree.TreePanel({
				title : '编码树导航',
				padding : "10px",
				region : 'west',
				layout : 'fit',
				width : 200,
				split: true,
				autoScroll : true,
				rootVisible : true,
				tbar : [{
							text : "刷新",
							handler : function() {
								window.location.reload();
							}
						}],
				loader : new Ext.tree.TreeLoader({
							autoLoad : true,
							url : "/zzc/zzc/bmzd!list.shtml",
							baseParams:{view_code:""},
							processResponse : function(response, node, callback) {
								var json = Ext.util.JSON.decode(response.responseText);
								try {
									var o = json.bmzds;
									node.beginUpdate();
									var l = this;
									Ext.each(o, function(item) {
											item.text = item.name;
											var n = l.createNode(item);
											if (n) {
												node.appendChild(n);
											}
									    
									});
									node.endUpdate();
									this.runCallback(callback,scope || node,[node]);
								} catch (e) {
									this.handleFailure(response);
								}
							},
							listeners : {
								beforeload : function(l, n, c) {
									
									if (n.attributes.id == "rootNode") {
										l.url = '/zzc/zzc/bmzd!list.shtml';
										l.baseParams = {
											view_code : "",
											needEnabled : false
										}
									} else {
										l.url = '/zzc/zzc/bmzd!list.shtml';
										l.baseParams = {
											view_code : n.attributes.view_code,
											needEnabled : false
										}
									}
									c.call();
								}
							}
						}),
				root : new Ext.tree.AsyncTreeNode({
							text : "编码字典",
							id : 'rootNode',
							expanded : true
						})

			});
分享到:
评论

相关推荐

    extjs异步树-每个节点都异步加载-前后台代码都有-附整个工程

    在家研究了一下extjs异步树,-每个节点都异步加载-前后台代码都有-附整个工程-运行通过-前台代码请看doctree.js,后台代码请看TreeService.java,运行环境:Myeclipse6.5+tomcat7.0.27

    extjs tree 异步加载树型

    extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。

    ExtJS构造动态异步加载

    AJAX: 以JSON数据格式,使用ExtJS构造动态异步加载的树。

    Extjs4树结构异步加载

    extjs4,当点击左边的树,右边会生成相应的面板,代码精简,欢迎大家来学习,有问题可以直接交流。

    extjs开发的权限系统(树形菜单复选框可级联选择)

    使用extjs+ibatis+spring+struts开发的权限系统 数据库mysql 数据库文件在开发文档目录下 动态树形菜单的加载 ,用户角色权限菜单的维护 jar文件删了一些,需要用的自己加包

    带复选框的异步动态树

    extjs开发 数据库mysql 数据库文件在开发文档目录下 动态树形菜单的加载

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    当树节点较多的时候很好用,具体的可以下载下来试试

    extjs 初始化checkboxgroup值的代码

    代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) > -1) ...

     基于SSH2框架与ExtJS技术的权限管理模块的设计与实现

    并且以进销存管理平台的权限管理系统为切入点对系统运用的ExtJS技术和SSH2框架进行分析,在系统分析设计中展示ExtJS多级动态树结构如何在权限管理系统中应用并实现Ajax技术的异步加载树节点功能,并因此提高权限管理...

    轻松搞定Extjs_原创

    二、异步加载解析 206 三、小结 212 第二十七章:选项卡面板——Ext.TabPanel 214 一、关于魅族和M8 214 二、TabPanel概述 214 三、TabPanel标签操作 216 四、标签弹出菜单 217 五、小结 220 第二十八章:Viewport类...

    Extjs Tree + JSON + Struts2 示例源代码

    在我的随笔Extjs Tree + JSON + Struts2中我介绍了如何异步加载一个Extjs的树,但是很多网友留言说不能成功操作。现在我自己做了一个所有源代码的包,供大家下载。 有几点事项请大家注意 1、blogjava的文件上载要求...

    Extjs中ComboBox加载并赋初值的实现方法

    由于是store是异步加载的,所以他会先赋值再填充值到ComboBox,,这里就需要用: 当加载完成后再进行赋值 : 复制代码 代码如下: editCityStore.load({ params: { provinceID: proid }, callback: function () { //...

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    其中Ext.tree.TreeNode代表一个树节点,比较常用的属性包括text、id、icon、checked等、异步树Ext.tree.AsyncTreeNode、树加载器Ext.tree.TreeLoader。下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 ...

    JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

    一种节点是普通的简单树 节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定 义。 在数据中, text 显示文字, leaf 节点 , children 子节点,expanded ...

    ExtJsCustomComponent:ExtJs自定义组件

    TreeField: 扩展ExtJs4的Ext.form.field.Picker类,当点击下拉框时,异步加载树形结构数据的所有层级,需要后台提供树形结构数据,同时提供当树形列表选择改变后(selectionchange)等自定义事件,和是否为多选,父...

    ExtJS4中的requires使用方法示例介绍

    ExtJS4的requires是新增的机制,主要是实现异步加载机制。这样在不点击对应的按钮或者选项的时候就不会加载对应的js文件,提高了加载速度和用户等待时间。 requires机制的实现通过一个Ext.Loader.setConfig函数来...

    Ext学习必备,涵盖大量实例,插件,其他有用组件

    这个包是在之前包的基础上多加了很多功能。 原来的内容: 1ext2.2源码及例子 2深入浅出extJs例子 3自己写的例子 ...3新增EXT异步加载树 4动态修改树节点图标和提示层 5ext结合mxGraph作出流程图编辑器

    支持桌面和移动的SPA框架RIAEasy.zip

    采用AMD(异步模块定义)加载,封装并扩展了dojo、dijit和部分dojox模块,封装并扩展了dgrid、gridx和Eclipse orion 7的在线编辑等控件。 RIAEasy是面向跨平台的单页应用设计平台,与传统的网页设计模式差别较大...

    ExtAspNet_v2.3.2_dll

    -重新设计模拟树的下拉列表的实现,避免选中某项后的闪烁。 +2009-11-21 v2.1.5 +Tree优化。 -修正Expanded项和Checked项的状态在回发改变后不能保持的BUG。 -GetNodeById更名为FindNode,保持和...

Global site tag (gtag.js) - Google Analytics