职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 2251|回复: 1

Extjs tree问题求解

[复制链接]
北大青鸟 发表于 2011-4-20 20:41 | 显示全部楼层 |阅读模式
6生活币
是这样..首先我们要建立 .html文件..然后通过里面的

<script type="text/javascript" src="PositionInfo.js"> 指向 .js文件.....

两个文件里的东西我都写好了,但是页面始终不显示东西....js文件里面应该没出啥问题.....

求段 Extjs tree 的代码 要求由 html文件指向 js文件....

另外请给注释......

能出现效果..满足要去就给分啦..谢谢
  1. <html>
  2. <head>

  3. <title>Reorder TreePanel</title>
  4. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  5. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
  6. <link rel="stylesheet" type="text/css" href="../ExtJS/resources/css/ext-all.css" />
  7. <script type="text/javascript" src="../ExtJS/adapter/ext/ext-base.js"></script>
  8. <script type="text/javascript" src="../ExtJS/ext-all.js"></script>
  9. <script type="text/javascript" src="../ExtJS/WCF/WCFHttpProxy.js"></script>
  10. <script type="text/javascript" src="../ExtJS/WCF/WCFJsonReader.js"></script>
  11. <script type="text/javascript" src="../ExtJS/WCF/WCFHelper.js"></script>
  12. <!-- GC -->
  13. <!-- LIBS -->
  14. <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  15. <!-- ENDLIBS -->

  16. <script type="text/javascript" src="../../ext-all.js"></script>
  17. <script type="text/javascript" src="tree.js"></script>

  18. <!-- Common Styles for the examples -->
  19. <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  20. </head>
  21. <body>
  22. <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  23. <div id="tree-div" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div>
  24. </body>
  25. </html>




  26. Ext.onReady(function(){
  27. var mytree=new Ext.tree.TreePanel({
  28. el:"tree-div",
  29. animate:true,
  30. title:"菜单",
  31. collapsible:true,
  32. rootVisible:true,
  33. autoScroll:true,
  34. autoHeight:true,
  35. width:150,
  36. lines:true,
  37. loader:new Ext.tree.TreeLoader(),
  38. root:new Ext.tree.AsyncTreeNode({
  39. id:"root",
  40. text:"菜单",
  41. expanded:true,
  42. leaf:false,
  43. children:[
  44. {id:'我的收藏夹',text:'我的收藏夹',children:[{text:'我的收藏夹1',leaf:true},{text:'我的收藏夹2',leaf:true}]},{id:'数据著录平台',text:'数据著录平台',children:[{text:'节目/作品著录',leaf:true},{text:'版权合同著录',leaf:true},{text:'权利人著录',leaf:true},{text:'工作流:著录员查询',leaf:true},{text:'工作流:一审文字校对',leaf:true},{text:'历史数据查询',leaf:true}]},
  45. {id:'系统设置',text:'系统设置',children:[{text:"系统设置1",leaf:true},{text:"系统设置2",leaf:true},{text:"系统设置3",leaf:true}]},
  46. {id:'工作列表',text:'工作列表',children:[{text:"工作列表1",leaf:true},{text:"工作列表2",leaf:true},{text:"工作列表3",leaf:true}]},
  47. {id:'报告工具',text:'报告工具',children:[{text:"报告工具1",leaf:true},{text:"报告工具2",leaf:true},{text:"报告工具3",leaf:true}]},
  48. {id:'系统工具',text:'系统工具',children:[{text:"更改密码",leaf:true},{text:"用户个性化设置",leaf:true}]}
  49. ]

  50. })

  51. });
  52. mytree.render()
  53. });
复制代码

会玩就好 发表于 2011-5-14 13:09 | 显示全部楼层
不明白你在说什么。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-5-14 12:00 , Processed in 0.118842 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表