`
mjm13
  • 浏览: 49739 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

easyui treegrid逐步加载

 
阅读更多

官方网站上没有ajax逐步加载的例子,自己研究了下

 

js代码

 

$("#bomStructureTable").treegrid({
	url : "systemcontroller?id=10007",//首次查询路径
	queryParams:{"bomid":"${bomid}"},//首次查询参数		
	columns : [ [{
		field : "name",
		title : "名称",
		width : 300
	} ] ],
	onBeforeExpand:function(row){
        //动态设置展开查询的url
		var url = "systemcontroller?id=10007&treeid="+row.treeid;
		$("#bomStructureTable").treegrid("options").url = url;
		return true;	
	}
});
 

说明:

 

生成的json对象中必须包含state属性值为“closed”/“open”,

    closed:表示有子节点。

    open:表示没有子节点。

 

 

 

分享到:
评论
3 楼 masuweng 2016-06-02  
public List<Area> getParentArea(String vcParentId) {
String sql = " select vc_id as id,vc_parent_id as parentid,vc_name as text,vc_state as state from os_system_area where vc_parent_id=? ";
List<Area> list = super.query(sql,new Object[]{vcParentId},Area.class);
return list;
}


state属性重要;;;
2 楼 fncj 2013-10-04  
1 楼 hitoss 2013-09-16  
是SpringMVC的?controller怎么把json格式的数据传到页面?

相关推荐

    解决 easyui treegrid 批量展开和关闭卡顿问题。

    数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载的data数据中的state属性变更,再重新执行 $('#tg').treegrid('loadData', data); 即可实现,亲测有效 无卡顿 注:无子项的请勿加state...

    EASYUI TREEGRID异步加载数据实现方法

    在EASYUI TreeGrid中,异步加载数据是一项重要的功能,允许用户在需要时动态获取数据,提高应用的性能和用户体验。 异步加载数据通常涉及到以下几个关键点: 1. **配置URL**:在TreeGrid的初始化参数中,`url`属性...

    MVC easyui treegrid后台绑定树

    ### 一、MVC模式与EasyUI TreeGrid集成 **MVC(Model-View-Controller)模式**是一种软件架构设计模式,它将应用程序分为三个主要部分:模型(Model)、视图(View)和控制器(Controller)。这种分离有助于提高...

    jquery easyui treegrid demo 详解

    TreeGrid 是 EasyUI 中的一个重要组件,它结合了表格和树形结构的特点,适用于展示层次化数据。在本教程中,我们将深入探讨 jQuery EasyUI TreeGrid 的使用,包括增、删、改、查的基本操作。 首先,我们需要引入 ...

    EasyUI treegrid json格式生成方法

    EasyUI TreeGrid是一款基于jQuery和EasyUI的数据展示组件,它结合了表格和树形结构的特点,使得数据在呈现时既能保持清晰的层次关系,又能进行数据的列式展示。在实际开发中,我们经常需要将普通的JSON数据转换为...

    MVC+EasyUITreeGrid懒加载示例

    MVC+EasyUITreeGrid懒加载示例,主要对EasyUI中TreeGrid组件的使用进行演示。对于正在学此组件的童鞋,不防花个几分钟看一下。本文主要演示:TreeGrid的简单应用、懒加载方法、控件数据格式。

    数据结构之easyui-treegrid

    EasyUI TreeGrid是一种基于JavaScript的数据展示控件,它结合了表格和树形结构的特点,适用于展示层次关系的数据。在这个场景中,我们将深入探讨EasyUI TreeGrid的使用方法和相关知识点。 首先,EasyUI TreeGrid是...

    jquery easyui treegrid 拖拽demo

    jquery easyui treegrid 拖拽demo

    easyui-treegrid冻结右侧列插件.zip

    此外,对于大数据量的 TreeGrid,可能还需要考虑性能优化,比如延迟加载、分页等策略。 6. **自定义扩展**: 如果插件默认的功能不能满足需求,开发者可以通过修改源码或扩展插件功能来适应特定的业务场景,例如增加...

    Easyui Treegrid改变默认图标的方法

    - `deleteRow`函数用于删除选中的行,通过`treegrid('remove')`方法执行删除操作,并重新加载页脚信息。 - `edit`函数则用于开始编辑选中的行,通过`treegrid('beginEdit')`启动编辑模式。 这些函数可以通过按钮或...

    EasyUI的treegrid组件动态加载数据问题的解决办法

    通过以上步骤,我们可以实现EasyUI TreeGrid组件根据查询条件动态加载数据的功能。这种方式避免了对`treegrid('reload')`方法的直接依赖,同时也符合异步数据处理的最佳实践。在实际开发中,根据项目需求,你可能还...

    SSH+Easyui之TreeGrid树形展现数据

    5. **EasyUI TreeGrid配置**:在HTML页面中设置TreeGrid的配置,包括列定义、URL、加载方式等。 6. **前端事件处理**:如果需要,可以添加对TreeGrid的点击、展开、折叠等事件的监听和处理。 通过以上步骤,你就...

    jQuery Easyui Treegrid实现显示checkbox功能

    jQuery Easyui Treegrid 是一个强大的数据展示组件,它结合了树形结构和表格的优点,常用于管理层次结构的数据。在实际应用中,我们经常需要添加复选框(checkbox)功能,以便用户可以多选操作。本文将详细介绍如何...

    EASYUI TREEGRID

    easyui treegrid 优化,包括 以新背景色标识鼠标所指行

    EasyUI实现两个treegrid互相拖放

    本代码在EasyUI官网原treegrid拖放demo的基础上进行详尽的注释,并加以改动,如今可以实现两个treegrid之间互相拖放,本代码分别可以进行“剪切”和“复制”的功能,当前使用的是“剪切”功能,可通过改变treegrid-...

    jQuery EasyUI的TreeGrid查询功能实现方法

    jQuery EasyUI的TreeGrid组件作为一个支持多种数据操作的前端UI组件库,提供了丰富的界面控件和数据展示方式。在TreeGrid中实现查询功能,可以让用户更加方便地从树形数据中找到特定节点。 首先,jQuery EasyUI 是...

Global site tag (gtag.js) - Google Analytics