- 浏览: 2992017 次
- 性别:
- 来自: 河南
文章分类
- 全部博客 (340)
- Java综合 (26)
- 程序人生 (53)
- RIA-ExtJS专栏 (18)
- RIA-mxGraph专栏 (4)
- RIA-Flex4专栏 (43)
- 框架-Spring专栏 (16)
- 框架-持久化专栏 (22)
- 框架-Struts2专栏 (11)
- 框架-Struts专栏 (12)
- SQL/NOSQL (12)
- 报表/图表 (2)
- 工作流 (5)
- XML专栏 (4)
- 日常报错解决方案 (5)
- Web前端-综合 (12)
- Web/JSP (14)
- Web前端-ajax专栏 (14)
- Web前端-JQuery专栏 (9)
- IDE技巧 (6)
- FILE/IO (14)
- 远程服务调用 (2)
- SSO单点登录 (2)
- 资源分享 (22)
- 云计算 (1)
- 项目管理 (3)
- php专栏 (1)
- Python专栏 (2)
- Linux (1)
- 缓存系统 (1)
- 队列服务器 (1)
- 网络编程 (0)
- Node.js (1)
最新评论
-
hui1989106a:
我的也不能解压,360和好压都试了,都不行
《Spring in Action》完整中文版分享下载 -
temotemo:
这些example有些过时了,官方建议使用HBase-1.0 ...
Java操作Hbase进行建表、删表以及对数据进行增删改查,条件查询 -
zy8102:
非常感谢~
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载 -
zy8102:
重命名了一下搞定了
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载 -
zy8102:
为什么下载以后老解压不了呢?
HeadFirst系列之七:《深入浅出SQL》原版高清PDF电子书分享下载
第一种方式,经过仔细拓展后的,看起来不错,其实有点毛病就是点击下拉列表出来后在点击节点想分开时却有缩了回去,自己解决吧
ComoboBoxTree-min.js
Ext.ux.ComboBoxTree = function() {
this.treeId = Ext.id() + "-tree";
this.maxHeight = arguments[0].maxHeight || arguments[0].height
|| this.maxHeight;
this.tpl = new Ext.Template('<tpl for="."><div style="height:'
+ this.maxHeight + 'px"><div id="' + this.treeId
+ '"></div></div></tpl>');
this.store = new Ext.data.SimpleStore( {
fields : [],
data : [ [] ]
});
this.selectedClass = "";
this.mode = "local";
this.triggerAction = "all";
this.onSelect = Ext.emptyFn;
this.editable = false;
this.selectNodeModel = arguments[0].selectNodeModel || "exceptRoot";
Ext.ux.ComboBoxTree.superclass.constructor.apply(this, arguments)
};
Ext.extend(Ext.ux.ComboBoxTree, Ext.form.ComboBox, {
expand : function() {
Ext.ux.ComboBoxTree.superclass.expand.call(this);
if (!this.tree.rendered) {
this.tree.height = this.maxHeight;
this.tree.border = false;
this.tree.autoScroll = true;
if (this.tree.xtype) {
this.tree = Ext.ComponentMgr.create(this.tree, this.tree.xtype)
}
this.tree.render(this.treeId);
var B = this;
this.tree.on("click", function(F) {
var E = (F == B.tree.getRootNode());
var D = B.selectNodeModel;
var C = F.isLeaf();
if (E && D != "all") {
return
} else {
if (D == "folder" && C) {
return
} else {
if (D == "leaf" && !C) {
return
}
}
}
B.setValue(F);
B.collapse()
});
var A = this.tree.getRootNode();
if (!A.isLoaded()) {
A.reload()
}
}
},
setValue : function(A) {
var B = A.text;
this.lastSelectionText = B;
if (this.hiddenField) {
this.hiddenField.value = A.id
}
Ext.form.ComboBox.superclass.setValue.call(this, B);
this.value = A.id
},
getValue : function() {
return typeof this.value != "undefined" ? this.value : ""
}
});
Ext.reg("combotree", Ext.ux.ComboBoxTree);
ComboBoxTree.js
Ext.ux.ComboBoxTree = function(){
this.treeId = Ext.id()+'-tree';
this.maxHeight = arguments[0].maxHeight || arguments[0].height || this.maxHeight;
this.tpl = new Ext.Template('<tpl for="."><div style="height:'+this.maxHeight+'px"><div id="'+this.treeId+'"></div></div></tpl>');
this.store = new Ext.data.SimpleStore({fields:[],data:[[]]});
this.selectedClass = '';
this.mode = 'local';
this.triggerAction = 'all';
this.onSelect = Ext.emptyFn;
this.editable = false;
//all:所有结点都可选中
//exceptRoot:除根结点,其它结点都可选
//folder:只有目录(非叶子和非根结点)可选
//leaf:只有叶子结点可选
this.selectNodeModel = arguments[0].selectNodeModel || 'exceptRoot';
Ext.ux.ComboBoxTree.superclass.constructor.apply(this, arguments);
}
Ext.extend(Ext.ux.ComboBoxTree,Ext.form.ComboBox, {
expand : function(){
Ext.ux.ComboBoxTree.superclass.expand.call(this);
if(!this.tree.rendered){
this.tree.height = this.maxHeight;
this.tree.border=false;
this.tree.autoScroll=true;
if(this.tree.xtype){
this.tree = Ext.ComponentMgr.create(this.tree, this.tree.xtype);
}
this.tree.render(this.treeId);
var combox = this;
this.tree.on('click',function(node){
var isRoot = (node == combox.tree.getRootNode());
var selModel = combox.selectNodeModel;
var isLeaf = node.isLeaf();
if(isRoot && selModel != 'all'){
return;
}else if(selModel=='folder' && isLeaf){
return;
}else if(selModel=='leaf' && !isLeaf){
return;
}
combox.setValue(node);
combox.collapse();
});
var root = this.tree.getRootNode();
if(!root.isLoaded())
root.reload();
}
},
setValue : function(node){
var text = node.text;
this.lastSelectionText = text;
if(this.hiddenField){
this.hiddenField.value = node.id;
}
Ext.form.ComboBox.superclass.setValue.call(this, text);
this.value = node.id;
},
getValue : function(){
return typeof this.value != 'undefined' ? this.value : '';
}
});
Ext.reg('combotree', Ext.ux.ComboBoxTree);
产生节点的JSP页面getNodes.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%
String id = request.getParameter("node");
String listNode = "[";
if(id.length()<5){
for(int i=1;i<6;i++){
listNode += "{id:'"+i+"_"+id+"',text:'folder"+i+"_"+id+"'},";
}
listNode = listNode.substring(0,listNode.length()-1) + "]";
}else{
for(int i=1;i<6;i++){
listNode += "{id:'"+i+"_"+id+"',text:'node"+i+"_"+id+"',leaf:true},";
}
listNode = listNode.substring(0,listNode.length()-1) + "]";;
}
out.print(listNode);
%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="base" value="${pageContext.request.contextPath}" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Customizing ComboBoxTree</title>
<link rel="stylesheet" type="text/css" href="${base}/extjs3.1/resources/css/ext-all.css" />
<script type="text/javascript" src="${base}/extjs3.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/extjs3.1/ext-all.js"></script>
<script type="text/javascript">
var path="${base}/";
</script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = path+'extjs3.1/resources/images/default/s.gif';;
Ext.onReady(function(){
var comboxWithTree = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
editable:false,
mode: 'local',
triggerAction:'all',
maxHeight: 200,
tpl: "<tpl for='.'><div style='height:200px'><div id='tree'></div></div></tpl>",
selectedClass:'',
onSelect:Ext.emptyFn
});
var tree = new Ext.tree.TreePanel({
loader: new Ext.tree.TreeLoader({dataUrl:path+'ComboBoxTree/getNodes.jsp'}),
border:false,
root:new Ext.tree.AsyncTreeNode({text: '模板根目录',id:'0'})
});
tree.on('click',function(node){
comboxWithTree.setValue(node.text);
comboxWithTree.collapse();
});
comboxWithTree.on('expand',function(){
tree.render("tree");
});
comboxWithTree.render('comboxWithTree');
});
</script>
<body>
<div>
<div id="comboxWithTree">
</div>
<div id="tree"></div>
</div>
</body>
</html>
发表评论
-
ExtJS之上传文件示例【struts2方式】
2010-07-07 15:37 26766今天突然想起来以前的关于EXT的上传的文章没有贴出来,现在贴出 ... -
ExtTree之右键菜单增删改及拖拽同步数据库
2010-05-06 23:42 6906单凭一个ExtTree也要学习 ... -
Ext各种开发示例下载
2010-05-02 18:27 2898刚浏览网页时,无意间看到一位仁兄辛苦搜集的好多Ext的demo ... -
Ext之Tree与Tab组合问题
2010-04-30 12:36 3458ExtTree与ExtTab结合的时候经常会出现点击左边Tre ... -
推荐一位两位Ext高人的文章
2010-04-25 08:03 1654http://ext.group.iteye.com/grou ... -
带搜索的ExtGrid终于能分页了
2010-04-25 07:14 3275前天下午参照了一位网友的说法,为了显示查询后的结果采用了下面的 ... -
Ext之ExtGrid增删改查询回顾总结
2010-04-17 10:32 3965学习Ext已经有些许时间了,发现实际运用过程中ExtGrid系 ... -
Ext树图标从http://extjs.com/s.gif上自动下载新发现
2010-04-13 17:09 4661关于EXT树图标自动下载,我又发现了一点问题,我分几种情况说下 ... -
ExtJS之Ext.Ajax.request用法详解
2010-04-11 11:41 102436Ext.Ajax.request({ ... -
ExtJS之实现华丽的皮肤主题更换
2010-04-10 23:24 22278extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤 ... -
ExtJS嵌入网页要解决iframe自动适应窗体大小的问题
2010-04-09 19:10 9472最近在ExtJS开发中用到了iframe标签在TabPane ... -
ExtJS使用技巧小结
2010-04-08 23:47 2863第一点:更换ExtTree ... -
ExtJS之修改编辑时的表单加载
2010-04-06 20:16 5698Ext表单加载通常是这么写的 bookForm.f ... -
ExtJS之调试功能,特棒
2010-04-06 19:10 7092在ExtJS开发过程中,经常会遇到怎么也找不到错误 ... -
ExtJS之GridPanel分页原理解读
2010-04-05 12:19 7434一般在JS代码中这样设定store.load({para ... -
ExtJS小试牛刀之表单验证
2010-04-03 15:12 3721对ExtJS基础稍微有所了解的人都知道,表单验证 ... -
使用ExtJS之Grid有感而发,贡献示例给大家
2010-03-17 17:18 3526最近研究ExtJs觉得官方示例代码有些过多,尤其是Gri ...
相关推荐
在firefox火狐浏览器中如何指定下拉列表的宽度,本文提供两种不同的写法,需要了解的朋友可以参考下
JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单...
java输入输出流的两种写法,我自己写的
MVP 的两种写法,以及查询,登录注册功能。 两种的区别,就在于P层是否使用接口
使用adapter添加的下拉列表,作用类似于qq列表,其中有两种写法
ThreadPoolManager:Executors.newFixedThreadPool(num * 2);// 创建一个可重用固定线程数的线程池,以共享的无界队列方式来运行这些线程 threadPool: 线程池 创建线程池,销毁线程池,添加新任务
jsp+Servlet+JavaBean分页的两种写法
上面介绍动态树的写法,包括如何将静态树转化为动态树等 学习动态树的请下
MT4,MQL4,相对强弱指示MQL4写指标两种方法 RSI指些的老式写法,新旧两种写法结果一样,但写法有一定区别。
java for循环的几种写法
六种常见的HTML5写法误用.pdf
状态机的基本资料,写的不错,很好的参考!
FX5U-DDRVI指令-相对定位两种写法 - 方法一:梯形图 方法二:梯形图嵌入ST语言
android 中Handler 的几种写法,很简单的demo,大神简单修改下,用的是Handler.Callback,的方法
C#委托的另一种写法 C#委托的另一种写法 C#委托的另一种写法
三菱FX5U-DDRVA指令-相对定位两种写法: 方法一:梯形图 方法二:梯形图内嵌ST语言
之前写过这个《javascript下拉列表中显示树形菜单的实现方法》菜单的体现,但是在写了之后就发现了,不太适合,高度要精准控制,并且还不是很好看。现在采用table来封装,我们知道table的每一行写满了之后,下一行会...
分页代码按时打发似的发射的方式地方撒旦法师打发似的发射的
FX5U-TBL指令-单独表格运行指令-直线插补-两种写法