`
zzhangyx
  • 浏览: 69974 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

EXTJS4 TREE 加载前 传参问题

    博客分类:
  • EXT
 
阅读更多

Ext 的树总是会自动加载,这就给加载时附带参数到后台带来了困难。

有几种解决方案:

1、在构建treestore时,在URL中传入参数,这中方式需要每次都重新构建store(也就是需要将原来的视图删除,再通过Ext.create创建树视图)

2、添加beforeload事件

 

var store = Ext.create('Ext.data.TreeStore', {
			model : 'Tms.model.TreeInfo',
			clearOnLoad : true,
			proxy : {
				type : 'ajax',
				url : 'sys.sp?method=getJurisdictionScope'
			},
			listeners : {
				exception : function(proxy, response, operation) {
					Ext.MessageBox.show({
						title : '服务器错误',
						msg : operation.getError(),
						icon : Ext.MessageBox.ERROR,
						buttons : Ext.Msg.OK
					});
				},
				beforeload : function(store, operation) {
					if(!me.getQtId()){// 前端传递过来的参数,如果为空不加载
						return false;
					}
					var new_params = {//参数
						qtId : me.getQtId()
					};
					Ext.apply(store.proxy.extraParams, new_params);// 通过extraParams传递
				}
			}
});

 

设置参数,并调用tree的load方法重新加载树

 

loadJurScope : function(selModel, selected){
		if(selected && selected[0]){
			var record = selected[0];
			var jsManage = this.getJsManage();
			jsManage.setQtId(record.get('qtId'));
			var deptTree = jsManage.down('#deptTree');
			deptTree.getStore().load();
		}
	}
 
分享到:
评论

相关推荐

    extjs tree 异步加载树型

    异步加载树型是 ExtJS Tree 的一个重要特性,允许只在需要时动态加载子节点,从而提高页面的加载速度和用户体验。 异步加载通常通过 AJAX 请求实现,只有当用户展开一个节点时,才会向服务器请求该节点的子节点数据...

    ExtJs4 Checkbox tree

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

    extjs的tree的使用

    4. **渲染Tree**:最后,调用`render`方法将Tree组件添加到DOM中指定的位置。 ### 核心配置选项 - **rootVisible**: 布尔值,表示是否显示根节点。 - **useArrows**: 布尔值,表示是否在节点旁边显示箭头,以便于...

    动态加载extjs tree

    动态加载是ExtJS Tree的一个重要特性,它允许根据需要加载节点数据,减少了初次加载时的数据量,提高了用户体验。 动态加载,也称为懒加载(Lazy Loading),是指在用户滚动或展开特定节点时才请求并加载该节点及其...

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

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

    ExtJs_TreeDemo

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

    ExtJS4.2 tree 级联选择

    ExtJS4.2 Tree 级联选择是一个用于构建用户界面的功能,特别是在处理层次结构数据时非常有用。在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有...

    extjs-tree.zip_extjs tree

    ExtJS Tree是一个强大的JavaScript库,专门用于创建交互式的树形结构。这个"extjs-tree.zip"文件包含了使用Java编写的ExtJS异步树形控件的示例代码,旨在帮助开发者快速理解和应用这一功能。ExtJS是Sencha公司开发的...

    Extjs4 tree report

    标题“Extjs4 tree report”涉及的技术点主要集中在ExtJS 4框架的树形报表功能。ExtJS是一个用于构建富客户端Web应用的JavaScript库,它提供了丰富的组件模型和强大的数据绑定机制。在ExtJS 4中,树形控件...

    Extjs的tree

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

    Extjs tree实例【源代码】

    ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 2. 节点分为两个类(项目和设备) 3. 右键菜单 4. 节点增、删、改操作 ....... 后台是java struts1。 本例旨在说明extjs的tree操作,后台操作很简陋...

    Extjs Tree + JSON + Struts2 示例源代码

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

    extjs tree

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

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

    在实际项目中,结合`jq`库(可能是jQuery的简写),可以方便地处理DOM操作,与EXTJS的组件交互,进一步增强动态加载的效果,比如添加动态加载的动画、错误处理等。 总结来说,`Ext.Panel`和`TreePanel`在EXTJS中是...

    ExtJs中Store加载(load)时候提示信息

    在开发基于ExtJS框架的应用程序时,处理数据加载与用户交互是至关重要的环节。当Store在加载(load)数据过程中,向用户提供明确的提示信息,不仅能够提升用户体验,还能增加应用的专业度。以下是对如何在ExtJS中...

    Extjs 加载数据库 生成tree

    通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_"),根据数据的长度就...

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

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

    extjs4 treeGrid实例

    在ExtJS4中,TreeGrid主要由`Ext.tree.Panel`类定义,它扩展了`Ext.grid.Panel`,因此具备了表格的所有功能,同时也包含了树结构的特性。 创建一个TreeGrid的第一步是定义模型(Model)。模型定义了数据的字段及其...

    extjs 写的动态加载、增删改查、拖拽Tree(完整版)

    总之,ExtJS 动态加载、增删改查和拖拽Tree的实现,结合MySQL数据库的操作,能够帮助你构建出功能强大且高效的前端数据管理界面。掌握这些技术,不仅可以提升开发效率,还能为用户提供流畅的操作体验。

    ExtJs Tree

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

Global site tag (gtag.js) - Google Analytics