-----------------------------------------------------------------------------------------------------------------------
声明一下下:
由于这些东西是我刚写好就贴上来的,没怎么详细的测试过,有BUG那是必须的,这里仅起到抛砖引玉的作用
如果有什么问题,大家可以联系我 wjm_0729@yahoo.cn 或直接评论, 谢谢!!
文章中后端技术是用的 Nutz http://nutzam.com/ --- 除SSH之外的另一种选择 (打个小广告,哈哈!!)
------------------------------------------------------------------------------------------------------------------------
一个用Tree渲染的Combobox
其实这个是本人在网上看到的,顺便也记录在这里了
配置代码如下:
new Ext.ComboBoxTree({
renderTo:"cbt",
treeUrl:"lib/js/form/ComboBoxTree.json",
editable:false,
rootText:"选择公司",
valueField:"com",
displayField:"_com",
callback:function(id,text){
alert(id);
alert(text);
}
});
源码如下:
/**
* 下拉列表选择树
* <br>
* 依赖EXTJS3版本
* @class Ext.SteelComboTree
* @extends Ext.form.ComboBox
* @author yongtree
*/
Ext.SteelComboTree = Ext.extend(Ext.form.ComboBox, {
/**
* 回调函数,用于传递选择的id,text属性
*
* @type
*/
callback : Ext.emptyFn,
store : new Ext.data.SimpleStore({
fields : [],
data : [[]]
}),
editable : this.editable||false,
mode : 'local',
fieldLabel:this.fieldLabel||"",
emptyText : this.emptyText||"请选择",
allowBlank : this.allowBlank||true,
blankText : this.blankText||"必须输入!",
triggerAction : 'all',
maxHeight : 200,
anchor : '95%',
displayField : 'text',
valueField : 'id',
tpl : '',
selectedClass : '',
onSelect : Ext.emptyFn,
/**
* 根的名字
*
* @type String
*/
rootText : this.rootText||'root',
/**
* 树的请求地址
*
* @type String
*/
treeUrl : this.treeUrl,
tree : null,
initComponent : function() {
this.tpl = "<tpl for='.'><div style='height:200px'><div id='steel-'"+this.getId()+"></div></div></tpl>";
this.tree = new Ext.tree.TreePanel({
height : 200,
scope : this,
autoScroll : true,
split : true,
root : new Ext.tree.AsyncTreeNode({
expanded : true,
id : '_oecp',
text : this.rootText
}),
loader : new Ext.tree.TreeLoader({
url : this.treeUrl
}),
rootVisible : true
});
var c = this;
/**
* 点击选中节点并回调传值
*/
this.tree.on('click', function(node) {
if (node.id != null && node.id != '') {
if (node.id != 'root'){
c.setValue(node.text);
c.callback.call(this, node.id, node.text);
c.collapse();
} else {
Ext.Msg.alert("提示", "此节点无效,请重新选择!")
}
}
})
this.on('expand', function() {
this.tree.render('steel-'+this.getId());
this.tree.expandAll();
});
Ext.SteelComboTree.superclass.initComponent.call(this);
}
});
Ext.reg('steelcombotree', Ext.SteelComboTree);
- 大小: 12.6 KB
分享到:
相关推荐
自封装ESXi-6.7.0-20201004001-standard-customized.iso
pads layout LQFP-48 封装尺寸图ST-48,详细,数据齐全,是LQFP-48 封装尺寸图ST-48好资料
vue之封装自己的日历组件-高级篇视频 封装自己的组件
MINI MICRO A型B型D型USB封装库USB type-c母座 AD元件库PCB封装库USB封装大全,PcbLib后缀文件,共计 45个封装文件,可以直接应用到你的项目设计中。 封装型号列表如下: ...USB/SM0.8-6H5 USBHEADER
ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装ASP-134486-01 AD封装...
AltiumDesigner超级PCB封装库-----三D元件库
中兴PCB元件封装库命名规范-IPC7351
PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19 AD封装PCB设计 SCN-2-19...
AD 格式PCB封装图,贴片式SIM卡封装5*6-8pin。
struts封装jar包-----实现验证码
1、后台管理系统用到的表格、分页很多,所以不能每个页面都写一次,通过组件通讯方式封装 2、项目选型:vite + ts + vue3 3、全篇采用语法糖形式 4、通过带着读者手写简化版 封装技巧,了解 核心原理。全文极简备注...
ESXI7.0.2,已封装Intel I219-V 1225 网卡驱动
微信小程序海报组件封装,实用的小程序组件mini-poster-master.zip
受最大上传文件大小限制,这套封装库分为5部分下载 2.00-SOP、SOIC封装.PcbLib 2.01-SO封装.PcbLib 2.02-SSOP封装.PcbLib 2.03-TSSOP封装.PcbLib 2.04-MSOP-0.65mm封装.PcbLib 2.05-ESOP贴片封装.PcbLib 2.06...
tapestry4.02中封装ext的GridPanel组件
包括原理图,footprint等,直接下载到AD,然后安装就行。亲测可用。
TYPE-C-31-M-02 USB Type-c allegro封装 韩荣HRo TYPE-C-31-M-02 规格:10mm*9.65mm 插拔力:5-20N 类型:TYPE-C母座 品名:TYPE-C母座 TYPE-C母座技术参数: 1.额定负荷: DC 40V 2.5A 2.接触电阻: ≤40mΩ 3.绝缘阻抗:...
LQFP-64 封装尺寸图 ST-64-2 很全很详细
vue与element-ui和iview-ui结合grid布局封装万能的表单grid布局,含i18n和国际化
包含Type-C 6pin、16pin、24pin的各种封装及3D模型 包含Micro A B C D E 的5种封装及3D模型