<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>
分享到:
相关推荐
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.tree.TreeNode Ext.menu.Menu 相关API可以参考:http://extjs.com/deploy/ext/docs/ 三. 代码示例 1. 先看一下测试页面 代码如下:<html> <head> <meta ...
Spring+Hibernate+Ext+dwr做的一个简单的grid的增删改查,面板布局, 通过autoload方式载入grid ,以及XML树的建立 ,连接MySql数据库 。JS文件代码在Demo文件夹下,JAVA代码在src下。适合新手
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案例...
例如:载入第一页的时候 代码: 代码如下: store.load({params:{start:0,limit:pageSize,Keyword:Ext.getCmp(‘input_name’).getValue()}}); 当单击下一页(上一页)时带参数 代码如下: doLoad : function(start){ ...
放大镜效果(magnifier)、阴影效果(shadow) 第一部分:鼠标交互 1.1 Draggables:拖拽所需文件: ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready...
ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:...
ui.draggable.ext.js 用法:文件载入后,可以拖拽class = "block"的层 $(document).ready(function(){ $(".block").draggable(); }); draggable(options)可以跟很多选项 选项说明:...
基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting...第一部分:鼠标交互1.1 Draggables:拖拽所需文件:ui.mouse.jsui.draggable.jsui.draggable.ext.js 用法:文件载入后,可以拖拽class = “b
Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% <br>下表为jQuery1.1.3与常用的一些JS库选择器的对比: Browser Prototype jQuery Mootools Ext Dojo ...
20.利用applet载入applet 21.单选型列表框] 22.单选择按钮 23.参数式查询 24.发E-mail 25.发送邮件 26.取得当前的磁盘路径 27.取得数据库中各栏名称 28.取得文件属性 29.取得目录中的文件 30.图形计数器 31.多选型...
按主题显示浏览历史, 支持关键词搜索演示:开发笔记运行参考 about:debugging 中"临时载入组件"用发布包命令, 在manifest.json所在目录中运行:$ web-ext build --ignore-files="screenshot" README.md "*....
- 拖动url——创建ext app - 文件管理,树目录变化后(增删改)自动同步到文件列表 - 文件管理,文件列表变化后(增删改)自动同步到树目录 - 中文用户名限制 - 对话框打开关闭动画 - 其他多处优化 ####fix ...