`
androider
  • 浏览: 735338 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

EXT动态载入JS

阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ext Dependency Builder</title>
<link rel="stylesheet" type="text/css" href="inc/resources/css/ext-all.css" />
<script type="text/javascript" language ="javascript " src ="*.Script?m-core"></script>
<script type="text/javascript" language ="javascript ">

$import("org.ext.ext-core")


Ext.onReady(function(){
$import("org.ext.tabs.tabs")
var tabs = new Ext.TabPanel('tab-ct', true);

var tab1 = tabs.addTab('tab-item1', 'Home Tab');
//tabs.activate(0);

var tab2 = tabs.addTab('tab-item2', 'Tab2');


createTree("tab-item2")


tab1.on("activate",function(){

$import("org.ext.dialog.dialogs")
Ext.Msg.alert("message",this.id + "was activated!")

})

tabs.activate(1);
})


function createTree(ct){
$import("org.ext.tree.tree")
var Tree = Ext.tree;
var tree = new Tree.TreePanel(ct, {
animate:true,
loader: new Tree.TreeLoader(),
enableDD:true,
containerScroll: true,
singleExpand:true
});

var troot = new Tree.TreeNode({id:"a1",text:"datacenter",checked:true})
tree.setRootNode(troot)

for(var i = 1;i < 10; i ++){
var tnode = new Tree.TreeNode({id:"a" + i,text:"a" + i,checked:true})
troot.appendChild(tnode)
for(var j = 2; j< 10; j ++){
var tsub = new Tree.TreeNode({id:"b" + j,text:"b" + j,checked:true})
tnode.appendChild(tsub)
}
}

tree.render();
troot.expand()
}
</script>

</head>
<body>

分享到:
评论

相关推荐

    精通JS脚本之ExtJS框架.part1.rar

    15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...

    利用Ext Js生成动态树实例代码

    关键类 这里主要涉及Ext JS的两个类: Ext.tree.TreeNode Ext.menu.Menu 相关API可以参考:http://extjs.com/deploy/ext/docs/ 三. 代码示例 1. 先看一下测试页面 代码如下:&lt;html&gt; &lt;head&gt; &lt;meta ...

    Spring+Hibernate+Ext+dwr增删改查

    Spring+Hibernate+Ext+dwr做的一个简单的grid的增删改查,面板布局, 通过autoload方式载入grid ,以及XML树的建立 ,连接MySql数据库 。JS文件代码在Demo文件夹下,JAVA代码在src下。适合新手

    精通JS脚本之ExtJS框架.part2.rar

    15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...

    ExtJS 工具栏 分页事件参数

    例如:载入第一页的时候 代码: 代码如下: store.load({params:{start:0,limit:pageSize,Keyword:Ext.getCmp(‘input_name’).getValue()}}); 当单击下一页(上一页)时带参数 代码如下: doLoad : function(start){ ...

    iquery经典教程

    放大镜效果(magnifier)、阴影效果(shadow) 第一部分:鼠标交互 1.1 Draggables:拖拽所需文件: ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready...

    jqert ui demo

    ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:...

    jQuery-ui Demo 官方UI插件

    ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:...

    各种效果的jquery ui(接口)介绍

    基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting...第一部分:鼠标交互1.1 Draggables:拖拽所需文件:ui.mouse.jsui.draggable.jsui.draggable.ext.js 用法:文件载入后,可以拖拽class = “b

    jquery-1.1.3 效率提高800%

    Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% &lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比: Browser Prototype jQuery Mootools Ext Dojo ...

    j2EE编程时尚百例

    20.利用applet载入applet 21.单选型列表框] 22.单选择按钮 23.参数式查询 24.发E-mail 25.发送邮件 26.取得当前的磁盘路径 27.取得数据库中各栏名称 28.取得文件属性 29.取得目录中的文件 30.图形计数器 31.多选型...

    HistoryInThreads_WebExtension:按主题显示浏览历史, 支持关键词搜索

    按主题显示浏览历史, 支持关键词搜索演示:开发笔记运行参考 about:debugging 中"临时载入组件"用发布包命令, 在manifest.json所在目录中运行:$ web-ext build --ignore-files="screenshot" README.md "*....

    KODExplorer 芒果云-资源管理器

    - 拖动url——创建ext app - 文件管理,树目录变化后(增删改)自动同步到文件列表 - 文件管理,文件列表变化后(增删改)自动同步到树目录 - 中文用户名限制 - 对话框打开关闭动画 - 其他多处优化 ####fix ...

Global site tag (gtag.js) - Google Analytics