经过几天的努力,终于搞定了,动态连接数据库加载tree莱单中Node,这个也在网上查了不少资料,可惜啊,基本上都是转载一人之手。看上去很麻烦。咋一看就头晕,功夫不负有心人,我终于找到一个算是简单的方法,但是,还是不好用,还得靠自己啊,最后我把它们的代码综合参考一下,整理之后还算可以,虽然有点乱慢慢看。
数据库表设计
DROP TABLE treenode;
CREATE TABLE treenode (
tid int NOT NULL PRIMARY KEY,
parentid int ,
text char(16) NOT NULL,
href char(32)
);
INSERT INTO treenode (tid, parentid, text, href) VALUES(-100, -100,'01','hello.html');
INSERT INTO treenode (tid, parentid, text, href) VALUES(1, -100,'01','hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(2, -100,'02', 'hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(3, -100,'03', 'hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(4, 1,'04','hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(5, 1,'05','hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(6, 2,'02-01','hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(7, 2,'02-01', 'hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(8, 3,'03-01','hello.html')
INSERT INTO treenode (tid, parentid, text, href) VALUES(9, 3,'03-02','hello.html')
INSERT INTO treenode (tid, parentid, text,href) VALUES(10, 3,'03-03', 'hello.html')
Extjs代码:
Ext.onReady(function(){
var Tree = Ext.tree;
var treeloader=new Tree.TreeLoader({dataUrl:'servlet/TreeAction?TID=-100'});
//定义树的跟节点
var root=new Ext.tree.AsyncTreeNode({
id:"-100",//根节点id
draggable:false,
expanded :true,
text:"后台管理"
});
//生成树形面板
var tree=new Ext.tree.TreePanel({
renderTo:'Tree',
root:root,//定位到根节点
width:150,
height:300,
animate:true,//开启动画效果
enableDD:false,//不允许子节点拖动
autoScroll:true,
loader:treeloader
// border:false,//没有边框
// rootVisible:false//设为false将隐藏根节点,
});
tree.setRootNode(root);
tree.on('beforeload',
function(node){
tree.loader.dataUrl='servlet/TreeAction?TID='+node.id; //定义子节点的Loader
});
tree.render();
root.expand();
});
java代码:
//从数据库中返回父节点id号
String sql="SELECT parentid FROM treenode WHERE parentid>0 Group By parentid Order By parentid";
StringBuilder s= new StringBuilder();
PreparedStatement pst = null;
ResultSet rs = null;
try{
pst = conn.prepareStatement(sql);
rs = pst.executeQuery();
while(rs.next())
{
s.append('|');
s.append(rs.getInt("parentid"));
}
}catch(SQLException e){
e.printStackTrace();
}
return s;
}
//从数据库返回JSONArray字符串对象类
StringBuilder s=this.getResulsetRow(conn);
ArrayList al=new ArrayList();
StringBuilder node=new StringBuilder("[");
String sql="SELECT * FROM treenode WHERE parentid="+pid+" ORDER BY tid";
Statement pst = null;
ResultSet rs = null;
try{
pst = conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);
rs = pst.executeQuery(sql);
rs.last();
int i=rs.getRow();
System.out.println(i);
rs.first();
while(rs.next())
{
String p=String.valueOf(rs.getInt("tid"));
node.append("{id:'"+p+"',text:'"+rs.getString("text").trim()+"',href:'"+rs.getString("href").trim()+"',");
//没有用set和get方法,好像不太好用,这里用了我自己的写法,
// TreeNode td=new TreeNode();
// td.setTid(rs.getInt("tid"));
// td.setText(rs.getString("text").trim());
// td.setHref(rs.getString("href").trim());
if(s.indexOf("|"+p+"|")!=-1){
node.append("cls:'folder',leaf:"+false+"}");
// td.setCls("folder");
// td.setLeaf(false);
}else{
node.append("cls:'file',leaf:"+true+"}");
// td.setCls("file");
// td.setLeaf(true);
}
int row=rs.getRow();
System.out.println(row);
if(row<i){
node.append(",");
}
// al.add(td);
}
} catch(SQLException e){
e.printStackTrace();
}
node.append("]");
return node;
分享到:
相关推荐
extjs tree 异步加载树型完整的一个web工程,自已已经试过,可用。
最近在学习extjs tree,有两个不错的例子,希望对需要的朋友有所帮助!
extjs3连接mysql数据库实现增删查改功能,下载之后导入就能直接运行,extjs3连接mysql数据库实现增删查改功能
ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树 ExtJs 连接数据库并且生成动态树
通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_"),根据数据的长度就...
ExtJs Tree
Extjs的tree Extjs的tree Extjs的tree Extjs的tree Extjs的tree
ExtJs 2.2.1 tree实例,内附mysql数据文件 1. 数据节点一次性加载 2. 节点分为两个类(项目和设备) 3. 右键菜单 4. 节点增、删、改操作 ....... 后台是java struts1。 本例旨在说明extjs的tree操作,后台操作很简陋...
使用JDBC访问sqlserver 获得数据 生成Json串 Extjs 动态加载Tree 这是个完整项目 但是数据源需要自己配置 重在演示整个流程
AJAX: 以JSON数据格式,使用ExtJS构造动态异步加载的树。
EXTJS 库存管理系统数据库脚本EXTJS 库存管理系统数据库脚本EXTJS 库存管理系统数据库脚本EXTJS 库存管理系统数据库脚本
extjs实现动态树加载菜单
mysql的数据库 extjs 动态加载 增删改查 拖拽 Tree 绝对经典
extjs tree 学习资料extjs tree 学习资料extjs tree 学习资料extjs tree 学习资料
extjs 写的动态加载、增删改查、拖拽Tree (java mysql数据库 已有表结构 eclipse可直接导入)(完整版)
Extjs Tree + JSON + Struts2 例子
Extjs Tree + JSON + Struts2 示例源代码
区别在于,远程脚本调用方式加载树节点信息使用的是WebInvokeTreeLoader,需要通过fn属性来指定用于加载数据的远程方法,并在...而传统的树节点加载器是Ext.tree.TreeLoader,需要指定一个url来获得json数据。
利用extjs框架实现的后台经典显示, tree框架,动态加载。
ext精髓,Extjs如何与数据库交互,可以很快的叫你EXT一些知识