资源描述:
《ext树带右键事件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、什么是ExtJS? 要了解什么是ExtJS,得先了解一下什么是YUI。 YUI(Yahoo! UI Library )是一个开源的JavaScript库,与Ajax、DHTML和DOM等技术一起使用可以用于创建富有交互性的Web应用,它还包含丰富的CSS资源。 Ext最初是YUI的一个扩展,然而,它现在也可以扩展自JQuery和Prototype。自1.1版开始,Ext已经可以独立运行,不需要依赖于那些外部库,虽然它仍然是可被集成的一个选项。 现在,Ext 2.0版可以使用许多不同的基础库,例如Y
2、UI、JQuery和Prototype,或者是可以独立的运行。 ExtJS 是一个非常棒的Ajax框架,可以用来开发富有华丽外观的富客户端应用,能使b/s应用更加具有活力。ExtJS是一个用javascript编写,与后 台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用程序中。 不多说,先看数据库的设计: drop table if exists exttree;CREATE TABLE exttree( id bigint(11) aut
3、o_increment primary key, parentId bigint(11) NOT NULL, title varchar(255) default NULL, number bigint(11) default NULL, leaf int(4) default NULL, url varchar(255) default NULL );insert into `exttree` values(null,-1,'Root',0,0,null);insert into `ex
4、ttree` values(null,1,'音乐',0,0,null);insert into `exttree` values(null,2,'轻金属',1,1,null);insert into `exttree` values(null,2,'重金属',2,1,null);insert into `exttree` values(null,2,'R&B',3,1,null);insert into `exttree` values(null,1,'体育',0,0,null);insert into
5、 `exttree` values(null,6,'篮球',1,1,null);insert into `exttree` values(null,6,'足球',2,1,null);insert into `exttree` values(null,6,'体操',3,1,null);insert into `exttree` values(null,1,'美食',0,0,null);insert into `exttree` values(null,10,'中国菜',0,0,null);insert i
6、nto `exttree` values(null,11,'青椒找肉',0,1,null);insert into `exttree` values(null,10,'日本菜',0,0,null);insert into `exttree` values(null,13,'河夫烤鱼',0,1,null);insert into `exttree` values(null,10,'法国菜',0,0,null);insert into `exttree` values(null,15,'爆炒蜗牛',0,1,
7、null); 字段number为排列位置 1为最上(子节点),leaf表示是子节点或父节点。 后台数据处理接口如下:package com.exttree.dao;import java.util.List;import com.exttree.pojo.Exttree;/** * Ext访问数据库接口封装 * * @author BruceLeey * */public interface IExtTreeDemo { /** * 根据ID查找对象 * * @p
8、aram id * @return * @throws Exception */ public Exttree findById(Long id) throws Exception; /** * 根据父节点查询所有子节点列表 * * @param parentId * @return * @throws Exception */ public Lis