357029540
- 浏览: 726719 次
- 性别:
- 来自: 重庆
-
文章分类
- 全部博客 (173)
- JAVA (54)
- ORACLE (3)
- JAVASCRIPT (7)
- STRUCT2 (4)
- SPRING (12)
- EXTJS (7)
- JQUERY (4)
- SQLSERVER (10)
- IBATIS (1)
- MYSQL (6)
- JS (1)
- HTML5 (1)
- TOMCAT (3)
- JSP (1)
- HTML (1)
- 数据库 (2)
- HTTP (3)
- MAVEN (2)
- MyBatis (2)
- IDEA (1)
- spring boot (24)
- spring security (1)
- RestEasy (1)
- KAFKA (4)
- MongoDB (2)
- NODEJS (1)
- 非技术 (3)
- logback (1)
- DSL (1)
- thymeleaf (1)
- RedisTemplate (12)
- spring cloud (39)
- fastdfs (1)
- Disruptor (2)
- JAVAFX (1)
- exe4j (1)
- JVM (1)
- ZOOKEEPER (4)
- activiti (1)
- GRADLE (1)
- spring cloud config (7)
- poi (1)
- spring cloud eureka (7)
- Rabbit MQ (1)
- MQ (1)
- Centos (1)
- nifi (1)
- dubbo (1)
最新评论
-
yangganboy：
yangganboy 写道可以看我简书写的 java 运行时修 ...
java动态添加外部jar包到classpath -
yangganboy：
可以看我简书写的 java 运行时修改classpath 添加 ...
java动态添加外部jar包到classpath -
neufjava：
感谢您的分享！参考您的文章解决了困扰我一天的配置问题。再次感谢 ...
FastDFS文件系统的安装使用及代码的调用(单个节点) -
wo_niu：
写的非常
RedisTemplate常用集合使用说明-boundSetOps(九) -
wangyudong：
新版本 Wisdom RESTClienthttps://gi ...
部分介绍使用IDEA的rest client
在Extjs中我们可以通过像表格一样展示树形结构。其实现方式是主要通过扩展Ext.tree.TreePanel和Ext.tree.TreeNodeUI来实现的。因为目前使用的是Ext3.2，所以我们需要到Ext的文件夹的example里面去的ux目录下把ColumnNodeUI.js和ColumnNodeUI.css找出来放到自己建立的相应目录里。后台使用了fastjson-1.1.15.jar的jar包生成json对象.
jsp文件：
<html>
<head>
<link rel="stylesheet" type="text/css" href="./ext/resources/css/ext-all.css">
<script type="text/javascript" src="./ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./ext/ext-all.js"></script>
<script type="text/javascript" src="./js/tree2.js"></script>
<script type="text/javascript" src="./ext/ux/ColumnNodeUI.js"></script>
<link rel="stylesheet" type="text/css" href="./ext/ux/ColumnNodeUI.css">
</head>
<body>
<div id="container">
<div id="tree1">
</div>
</div>
</body>
</html>
js文件:
Ext.onReady(function(){
var tree = new Ext.ux.tree.ColumnTree({
renderTo:'tree1',
width: 550,
height: 300,
autoScroll:true,
rootVisible:false,
title:'中国军区',
columns:[{
header:'军区',
width:150,
dataIndex:'military'
},{
header:'战斗力',
autoWidth:true,
dataIndex:'fighting'
}],
loader:new Ext.tree.TreeLoader({
dataUrl:'function_columnTreeTest.action',
uiProviders:{
'cols':Ext.tree.ColumnNodeUI
}
}),
root:new Ext.tree.AsyncTreeNode({
text:'中国军区'
})
});
tree.expandAll();
});
structs.xml配置文件:
<action name="function_*" class="com.test.action.FunctionListAction" method="{1}"></action>
java类文件:
bo类
public class TreeBo {
private int id;//节点id
private String text;//节点显示名称
private String cls;//节点图标
private Boolean leaf;//是否叶子节点
private String qtip;//提示信息
private String href;
private List<TreeBo> children;//下级节点
private String military;//军区
private String fighting;//战斗力
private String uiProvider;
......//省略了getter/setter方法
}
action类
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;
import com.alibaba.fastjson.JSONObject;
import com.test.bo.TreeBo;
public class FunctionListAction {
private List<TreeBo> treeList;
public void columnTreeTest(){
treeList = new ArrayList<TreeBo>();
TreeBo cdAllMilitary = new TreeBo();
cdAllMilitary.setMilitary("成都军区");
cdAllMilitary.setFighting("500");
cdAllMilitary.setLeaf(false);
cdAllMilitary.setUiProvider("cols");
cdAllMilitary.setCls("folder");
cdAllMilitary.setId(1);
treeList.add(cdAllMilitary);
List<TreeBo> cdMilitary = new ArrayList<TreeBo>();
cdAllMilitary.setChildren(cdMilitary);
TreeBo cq = new TreeBo();
cq.setMilitary("重庆军区");
cq.setFighting("150");
cq.setCls("folder");
cq.setLeaf(true);
cq.setUiProvider("cols");
cq.setId(11);
cdMilitary.add(cq);
TreeBo km = new TreeBo();
km.setMilitary("昆明军区");
km.setFighting("140");
km.setCls("folder");
km.setLeaf(true);
km.setUiProvider("cols");
km.setId(12);
cdMilitary.add(km);
TreeBo bjAllMilitary = new TreeBo();
bjAllMilitary.setMilitary("北京军区");
bjAllMilitary.setFighting("600");
bjAllMilitary.setCls("folder");
bjAllMilitary.setLeaf(false);
bjAllMilitary.setUiProvider("cols");
bjAllMilitary.setId(2);
treeList.add(bjAllMilitary);
List<TreeBo> bjMilitary = new ArrayList<TreeBo>();
bjAllMilitary.setChildren(bjMilitary);
TreeBo bj = new TreeBo();
bj.setMilitary("北京军区");
bj.setFighting("200");
bj.setCls("folder");
bj.setLeaf(true);
bj.setUiProvider("cols");
bj.setId(21);
bjMilitary.add(bj);
TreeBo tj = new TreeBo();
tj.setMilitary("天津军区");
tj.setFighting("180");
tj.setCls("folder");
tj.setLeaf(true);
tj.setUiProvider("cols");
tj.setId(22);
bjMilitary.add(tj);
treeTest = JSONObject.toJSON(treeList).toString();
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
try {
PrintWriter writer = response.getWriter();
writer.print(JSONObject.toJSON(treeList).toString());
} catch (IOException e) {
e.printStackTrace();
}
}
}
效果如图所示：
jsp文件：
<html>
<head>
<link rel="stylesheet" type="text/css" href="./ext/resources/css/ext-all.css">
<script type="text/javascript" src="./ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./ext/ext-all.js"></script>
<script type="text/javascript" src="./js/tree2.js"></script>
<script type="text/javascript" src="./ext/ux/ColumnNodeUI.js"></script>
<link rel="stylesheet" type="text/css" href="./ext/ux/ColumnNodeUI.css">
</head>
<body>
<div id="container">
<div id="tree1">
</div>
</div>
</body>
</html>
js文件:
Ext.onReady(function(){
var tree = new Ext.ux.tree.ColumnTree({
renderTo:'tree1',
width: 550,
height: 300,
autoScroll:true,
rootVisible:false,
title:'中国军区',
columns:[{
header:'军区',
width:150,
dataIndex:'military'
},{
header:'战斗力',
autoWidth:true,
dataIndex:'fighting'
}],
loader:new Ext.tree.TreeLoader({
dataUrl:'function_columnTreeTest.action',
uiProviders:{
'cols':Ext.tree.ColumnNodeUI
}
}),
root:new Ext.tree.AsyncTreeNode({
text:'中国军区'
})
});
tree.expandAll();
});
structs.xml配置文件:
<action name="function_*" class="com.test.action.FunctionListAction" method="{1}"></action>
java类文件:
bo类
public class TreeBo {
private int id;//节点id
private String text;//节点显示名称
private String cls;//节点图标
private Boolean leaf;//是否叶子节点
private String qtip;//提示信息
private String href;
private List<TreeBo> children;//下级节点
private String military;//军区
private String fighting;//战斗力
private String uiProvider;
......//省略了getter/setter方法
}
action类
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;
import com.alibaba.fastjson.JSONObject;
import com.test.bo.TreeBo;
public class FunctionListAction {
private List<TreeBo> treeList;
public void columnTreeTest(){
treeList = new ArrayList<TreeBo>();
TreeBo cdAllMilitary = new TreeBo();
cdAllMilitary.setMilitary("成都军区");
cdAllMilitary.setFighting("500");
cdAllMilitary.setLeaf(false);
cdAllMilitary.setUiProvider("cols");
cdAllMilitary.setCls("folder");
cdAllMilitary.setId(1);
treeList.add(cdAllMilitary);
List<TreeBo> cdMilitary = new ArrayList<TreeBo>();
cdAllMilitary.setChildren(cdMilitary);
TreeBo cq = new TreeBo();
cq.setMilitary("重庆军区");
cq.setFighting("150");
cq.setCls("folder");
cq.setLeaf(true);
cq.setUiProvider("cols");
cq.setId(11);
cdMilitary.add(cq);
TreeBo km = new TreeBo();
km.setMilitary("昆明军区");
km.setFighting("140");
km.setCls("folder");
km.setLeaf(true);
km.setUiProvider("cols");
km.setId(12);
cdMilitary.add(km);
TreeBo bjAllMilitary = new TreeBo();
bjAllMilitary.setMilitary("北京军区");
bjAllMilitary.setFighting("600");
bjAllMilitary.setCls("folder");
bjAllMilitary.setLeaf(false);
bjAllMilitary.setUiProvider("cols");
bjAllMilitary.setId(2);
treeList.add(bjAllMilitary);
List<TreeBo> bjMilitary = new ArrayList<TreeBo>();
bjAllMilitary.setChildren(bjMilitary);
TreeBo bj = new TreeBo();
bj.setMilitary("北京军区");
bj.setFighting("200");
bj.setCls("folder");
bj.setLeaf(true);
bj.setUiProvider("cols");
bj.setId(21);
bjMilitary.add(bj);
TreeBo tj = new TreeBo();
tj.setMilitary("天津军区");
tj.setFighting("180");
tj.setCls("folder");
tj.setLeaf(true);
tj.setUiProvider("cols");
tj.setId(22);
bjMilitary.add(tj);
treeTest = JSONObject.toJSON(treeList).toString();
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
try {
PrintWriter writer = response.getWriter();
writer.print(JSONObject.toJSON(treeList).toString());
} catch (IOException e) {
e.printStackTrace();
}
}
}
效果如图所示：
分享到：
发表评论
-
如何保证在Java多线程中的原子性操作？
2019-08-27 18:46 843在单线程的模 ... -
Java内存模型简单介绍
2019-08-19 19:52 743说到Java内存 ... -
java中线程挂起的几种方式
2019-08-16 18:43 1075在Java中使用线程的时候肯定会有线程挂起的 ... -
自定义线程池简单介绍
2019-08-16 11:37 870线程池的相关概念就不在这里说明了，百度一下有很 ... -
实现自己的spring boot starter
2019-04-04 14:59 883在使用spring boot开发的时候，我 ... -
使用POI实现合并行的导入
2019-03-01 17:24 2597在我们进行导入的时候难免不会遇到合并行的导入 ... -
Spring IOC设计原理解析
2019-01-08 14:02 987摘自https://www.cnblogs.com/ITt ... -
SpringBoot集成自定义HandlerMethodArgumentResolver参数初始值解析
2018-12-13 09:25 2152大部分摘抄自https://www.cnblogs.com/ ... -
关于spring cloud config加密EncryptionTooWeakException异常说明
2018-11-05 16:00 2112今天在使用spring cloud confi ... -
gradle使用mybatis-generator生成user表相关文件只生成mysql..user的原因说明
2018-07-23 15:42 4118在gradle中使用 ... -
SpringBoot+Activiti的serviceTask注入异常问题
2018-07-13 11:51 7419在使用springboot+activiti ... -
16进制与字符串的互转及转换为byte数组
2018-05-25 14:42 3163import java.io.ByteArrayOutput ... -
JVM学习总结
2018-01-29 17:00 1048JVM作为java的重要组成部分，在j ... -
利用JavaFX创建一个可以订阅发布的MQTT客户端桌面程序
2017-12-08 11:34 2037利用JavaFX我们可以创建出像Swing那样 ... -
java8新特性time类相关介绍
2017-10-30 15:46 1625java8已经出来 ... -
java动态添加外部jar包到classpath
2017-08-17 16:38 3082在项目开发过程中我们有时候需要动态的添加 ... -
java 10进制转16进制带ox格式输出
2017-07-14 16:36 2882摘自https://yq.aliyun.com/wenzha ... -
SpringBoot+thymeleaf简单实现登陆注册及记账功能
2017-06-26 10:58 12469本项目主要是使用了SpringBoot及其 ... -
Java 8的新特性—终极版
2017-05-25 16:42 901前言： Java 8 已经发 ... -
对\\uxx转换为unicode编码的\uxx
2017-03-10 16:17 1389在业务过程中难免会遇到字符串转换为16进制的u ...
相关推荐
资源名称：Extjs的简单使用手册 中文PPT版 内容简介：本文档主要讲述的是Extjs的简单使用手册；希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看 资源截图： 资源太大，传百度网盘了，链接在附件...
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
Extjs+Gride使用方法 Extjs Gride
extjs模板的使用说明
只要将解压的文件直接放置到myeclipse的webroot下面，启动tomcat访问。简单的EXTJS mvc框架，设计 store，model，controller,view,window等等，同时展示了一些基本的点击显示、修改等等操作，需要的同学自行下载
基于Extjs4官方的例子，做了一个关于MVC和Grid增删改的小例子
Extjs4.1 小例子（适合extjs初学者学习使用）.直接导入myeclipse即可
论坛上找的， Highstock与ExtJs完美结合使用，有案例（php），
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
分享一个基于ExtJS的简易图书管理系统，一个web应用实现了两种显示方式，一个是普通的（比较难看），还有一个就是ExtJS的，很漂亮，喜欢EXTJS的朋友不妨下载看看
用户信息添加的表单 内有效果图 extjs 常用控件的使用 table layout 作业9
Extjs4.1可使用的日期时间选择控件，其中有一些不合理之处请各位多提宝贵意见。
extjs中使用FusionChart举例
xtJs已经升级到了5.0了，目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看，ExtJs3的缺陷还是比较明显的，从ExtJs4 开始引入了MVC架构，从而能够从容的组织系统的JS文件了。 从...
ExtJS示例，Grid的使用,Panle的使用,树的使用
ExtJS4.2简单布局+权限管理+SqlServer2008(绑定数据、添加、修改、删除、查询、导入和导出、Ztree等)
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
众多的案例详细介绍了extjs的使用和实现效果
这几个月以来自己做extjs4开发整理下来的一些技术要点