浏览 360 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
最后更新时间：2008-04-23
html:
<html> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> <script type="text/javascript" src="../../ext-all.js"></script> <script type="text/javascript" src="../../ext-lang-zh_CN.js"></script> <!-- Custom CSS and Libs --> <script type="text/javascript" src="./tab_actions.js"></script> <style> #actions li { margin:.3em; } #actions li a { color:#666688; text-decoration:none; } </style> </head> <body> <ul id="actions" class="x-hidden"> <li> <a id="use" href="#">主界面</a> </li> <li> <a id="create" href="#">Create New Tab 888888888</a> </li> <li> <a id="create2" href="#">Create New Tab 2222222222</a> </li> <li> <a id="create3" href="#">Create New Tab 33333333</a> </li> </ul> <div id="tabs"></div> // 主面板（已有tab） var tabPanel = new Ext.TabPanel({ region:'center', deferredRender:false, autoScroll: true, margins:'0 4 4 0', activeTab:0, items:[{ id:'tab1', contentEl:'tabs', title: '主界面', closable:false, autoScroll:true }] }); // 映射连接的id到函数 // var count = 0; var actions = { 'create' : function(){ addTab("用户管理",'loripsum.html'); }, 'create2' : function(){ addTab("模板管理",'floattest.html'); }, 'create3' : function(){ addTab("其他列表",'testTree.html'); }, 'use' : function(){ // 演示页之间的轮换 updateTab('tab1','主界面','sample0.html'); } }; function doAction(e, t){ e.stopEvent(); actions[t.id](); } // body初始化后，viewport setup过后才能执行下面的代码 actionPanel.body.on('mousedown', doAction, null, {delegate:'a'}); 问题是：我引入普通的html没问题，但是引入 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>test tree111</title> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> <!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> <!-- ENDLIBS --> <script type="text/javascript" src="../../ext-all.js"></script> <script type="text/javascript" src="testTree.js"></script> <!-- Common Styles for the examples --> <link rel="stylesheet" type="text/css" href="../examples.css" /> </head> <body> <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> 树ITest3.0 <div id="tree" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div> </body> </html> testTree.js Ext.onReady(function(){ var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:'tree', loader: new Tree.TreeLoader({ dataUrl:'03-03.txt' }) }); var root = new Ext.tree.AsyncTreeNode({id:"1",text:"ITest根节点"}); //debugger; tree.setRootNode(root); // render the tree tree.render(); root.expand(); }); 这样的代码就显示不出来了，想像fram那样左边显示列表，点击右边出现信息页面。 不知道如何引入带javascript的网页，是不是冲突了？ 谢谢回答 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
