日期:2014-05-16  浏览次数:20307 次

Extjs3.2+Json lib动态树与GridPanel简单展现

最近项目中要用到Extjs,网上搜了写文档看了之后,写了个小Demo。

Demo描述:

将部门信息用树展示出来,点击树节点的某个部门之后,弹出一个窗口,该窗口中展示这个部门中员工的列表。

?

首先,到http://www.sencha.com/products/js/download.php下载Extjs3.2的发布包,因为要用到json lib,所以还要到http://sourceforge.net/projects/json-lib/files/json-lib/下载json lib。

?

mysql数据库脚本:

?

view plaincopy to clipboardprint?
  1. DROP?TABLE?IF?EXISTS?`dept`;??
  2. CREATE?TABLE?`dept`?(??
  3. ??`deptno`?int(11)?NOT?NULL?AUTO_INCREMENT,??
  4. ??`deptname`?varchar(255)?NOT?NULL?DEFAULT?'',??
  5. ??`parentno`?int(11)?NOT?NULL?DEFAULT?'0',??
  6. ??PRIMARY?KEY?(`deptno`)??
  7. )?ENGINE=InnoDB?AUTO_INCREMENT=11?DEFAULT?CHARSET=utf8;??
  8. LOCK?TABLES?`dept`?WRITE;??
  9. /*!40000?ALTER?TABLE?`dept`?DISABLE?KEYS?*/;??
  10. INSERT?INTO?`dept`?VALUES?(1,'管理部',0);??
  11. INSERT?INTO?`dept`?VALUES?(2,'销售部',0);??
  12. INSERT?INTO?`dept`?VALUES?(3,'人力资源部',0);??
  13. INSERT?INTO?`dept`?VALUES?(4,'开发部',0);??
  14. INSERT?INTO?`dept`?VALUES?(5,'后勤部',0);??
  15. INSERT?INTO?`dept`?VALUES?(6,'软件开发部',4);??
  16. INSERT?INTO?`dept`?VALUES?(7,'增值开发部',4);??
  17. INSERT?INTO?`dept`?VALUES?(8,'增值销售部',2);??
  18. INSERT?INTO?`dept`?VALUES?(9,'产品销售部',2);??
  19. INSERT?INTO?`dept`?VALUES?(10,'人妖部',3);??
  20. /*!40000?ALTER?TABLE?`dept`?ENABLE?KEYS?*/;??
  21. UNLOCK?TABLES;??
  22. DROP?TABLE?IF?EXISTS?`emp`;??
  23. CREATE?TABLE?`emp`?(??
  24. ??`empno`?int(11)?NOT?NULL?AUTO_INCREMENT,??
  25. ??`empname`?varchar(255)?NOT?NULL?DEFAULT?'',??
  26. ??`gender`?int(11)?NOT?NULL?DEFAULT?'0',??
  27. <