关于用extjs以树的形式显示的信息

本文目录一览:

extjs4 如何通过ajax方式实现左面是一个树形菜单,点击相应的按钮,显示对应的页面

这是我用的方法,希望能帮到你

页面左半边是tree框

//左侧树定义

var tree = Ext.create(‘Ext.tree.Panel’, {//参数});、

页面右半边是firame框

iframe scrolling=”auto”/iframe

//定义功能函数

function reDirect(where){

window.frames[0].location = where;

}

//定义单击事件

tree.on({

‘itemclick’ : function(view, rcd){

var url = rcd.get(‘url’);

reDirect(url);

}

});

当然,这样做,需要你在生成树时,在json串加一个url的field,里边的值是你跳转页面的地址,例

[{

“text”: “顶层”,

“children”: [{

“text”: “底层1”,

“leaf”: true,

“url”: ‘page1.html’

},{

“text”: “底层2”,

“leaf”: true,

“url”: ‘page2.html’

},{

“text”: “底层3”,

“leaf”: true,

“url”: ‘page3.html’

}]

}]

用extjs4做tree,结合struts,spring 查询数据库后返回json数据,并显示数据树,应该怎么做?

很简单···你struts2是哪个版本的,高于2.16的,有一个struts2-json-plugin-2.1.8.jar的插件包,放入lib后;你要做现实菜单就必须在后台创建一个tree的class,内容是这样的

/**树节点ID*/

private String id;

/**树节点名称*/

private String text;

/**图标*/

private String cls;

/**是否叶子*/

private boolean leaf;

/**链接*/

private String href;

/**链接指向*/

private String hrefTarget;

/**是否展开*/

private boolean expandable;

/**描述信息*/

private String description;

然后将数据中的数据存入这个类的对象,再把得到的对象加入到一个java.util.List treeList中,然后在action里面将treeList转换成json,方法是这样的

JSONArray jsonArray = JSONArray.fromObject(treeList);

getResponse().setCharacterEncoding(“utf-8”);

getResponse().getWriter().println(jsonArray.toString());

,可能说的有点马虎,有不理解的可以再追问。

ExtJS的大神看过来,我现在想用实现一个树形结构,但是要求动态加载。求指导

默认做个tree出来就是这样的,主要看你请求回来的数据,如果节点数据中有children属性,那当你点击此节点时不会去服务端请求,否则会自动请求的

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/302930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-31 11:48
下一篇 2024-12-31 11:48

相关推荐

  • Java 监控接口返回信息报错信息怎么处理

    本文将从多个方面对 Java 监控接口返回信息报错信息的处理方法进行详细的阐述,其中包括如何捕获异常、如何使用日志输出错误信息、以及如何通过异常处理机制解决报错问题等等。以下是详细…

    编程 2025-04-29
  • 使用Python爬虫获取电影信息的实现方法

    本文将介绍如何使用Python编写爬虫程序,来获取和处理电影数据。需要了解基本的Python编程语言知识,并使用BeautifulSoup库和Requests库进行爬取。 一、准备…

    编程 2025-04-28
  • Python爬取网页信息

    本文将从多个方面对Python爬取网页信息做详细的阐述。 一、爬虫介绍 爬虫是一种自动化程序,可以模拟人对网页进行访问获取信息的行为。通过编写代码,我们可以指定要获取的信息,将其从…

    编程 2025-04-28
  • 如何使用Python执行Shell命令并获取执行过程信息

    本文将介绍如何使用Python执行Shell命令并获取执行过程信息。我们将从以下几个方面进行阐述: 一、执行Shell命令 Python内置的subprocess模块可以方便地执行…

    编程 2025-04-28
  • Python实现身份信息模拟生成与查验

    本文将从以下几个方面对Python实现身份信息模拟生成与查验进行详细阐述: 一、身份信息生成 身份信息生成是指通过代码生成符合身份信息规范的虚假数据。Python中,我们可以使用f…

    编程 2025-04-27
  • Dapper使用getschema获取表信息

    本文旨在介绍Dapper中使用getschema获取表信息的方法和注意事项。 一、获取某张表的所有列信息 使用Dapper获取某张表信息,可以使用 `IDbConnection.G…

    编程 2025-04-27
  • 通过提交信息搜索-使用git

    本篇文章重点讲解如何使用git通过提交信息来搜索。我们将从多个方面介绍如何使用git来搜索提交信息,并提供相应的代码示例以供参考。 一、搜索方式 Git提供了三种搜索方式,分别为:…

    编程 2025-04-27
  • 已装备我军的空中信息化作战平台

    本文将会从多个方面详细阐述已装备我军的空中信息化作战平台。 一、平台概述 已装备我军的空中信息化作战平台是一个全新的作战系统,具备实时数据采集、处理、分析、共享的能力。它可以在不同…

    编程 2025-04-27
  • Linux查看系统信息

    一、CPU信息 Linux系统下,查看CPU的信息最常用的命令是lscpu。该命令可以显示CPU架构、核心数量、线程数、缓存大小、CPU频率等信息。例如: lscpu 该命令会输出…

    编程 2025-04-24
  • 软考 信息安全工程师

    软考 信息安全工程师是一项技能型国家级资格认证考试,主要测试考生在信息安全领域的理论知识和实践技能,是证明个人信息安全能力的重要证书。本文将从多个方面对软考 信息安全工程师做详细的…

    编程 2025-04-23

发表回复

登录后才能评论