dengddq
- 浏览: 32052 次
- 性别:
- 来自: 广州
-
最新评论
-
huangle116：
不错，代码可以用
Ext2.0下拉多选菜单(MultiComboBox) -
sichen1984：
楼主，你的成果，刚开始用的时候欢天喜地，后来就变成泪流满面了。 ...
Ext2.0下拉多选菜单(MultiComboBox) -
sunan：
...
在EXT中使用FCKEditor编辑器例子 -
xieweiting：
楼主，赋值赋不上去啊
Ext2.0下拉多选菜单(MultiComboBox) -
seeglow：
请问：如果有多个服务的话，是不是每一个都得这么写呀？因为指定p ...
RMI防火墙
由于Ext2.0的ComboBox不支持菜单多选,本人花了点时间通过扩展ComboBox功能支持下拉多选功能的MultiComboBox。下面介绍MultiComboBox的使用方式，大家先看看下面的代码：
由上面代码可以看到用法大致和ComboBox一样，不相同的地方是：
由于添加了多选CheckBox图标，所以需要在ext-all.css文件最后添加两行支持样式：
MultiComboBox的源代码：
最后提供运行效果和测试例子（见附件）,解压multiCombox.rar,打开\multiCombox\examples\form\MultiComboBox.html文件即可，\multiCombox\examples\form\MultiComboBox.js为MultiComboBox类的源代码，希望大家能给点改进的建议，先谢谢！
前面已提到:
由于添加了多选CheckBox图标，所以需要在ext-all.css文件最后添加两行支持样式：
Ext.onReady(function(){
var formPanel = new Ext.FormPanel({
height : 100,// 表单面板的高度
width : 400,// 表单面板的宽度
labelWidth : 120,// 字段标签宽度
labelAlign : "right",// 字段标签对齐方式
fileUpload: true,//支持文件上传
defaults : {// 默认form元素类型为textfield
xtype : "textfield",// 默认类型为textfield
width : 150 // 默认宽度
},
items : [{
xtype:'multicombo',
width:250,
store: new Ext.data.SimpleStore({
fields: ["name","value"],
data:[['测试菜单1',1],['测试菜单2',2],['测试菜单3',3],['测试菜单4',4]]}),
valueField :"value",
displayField: "name",
labelSeparator:'：',
displaySeparator:';',
valueSeparator:',',
mode: 'local',
value:'1,2',
forceSelection: true,
hiddenName:'test',
editable: true,
triggerAction: 'all',
allowBlank:false,
emptyText:'请选择',
fieldLabel: '多选下拉ComBo'
}],
buttons : [{
text : '提交',
type : 'submit',
handler : function() {
}
}]
});
formPanel.render("multicombo-div");
});
由上面代码可以看到用法大致和ComboBox一样，不相同的地方是：
xtype:'multicombo',//MultiComboBox注册类型名称 displaySeparator:';',//多选显示分隔字符 valueSeparator:',',//多选提交到后台的值分隔符 value:'1,2',// 多值通过","分隔，与valueSeparator相对应，表示默认选择了"测试菜单1'"和"测试菜单2"
由于添加了多选CheckBox图标，所以需要在ext-all.css文件最后添加两行支持样式：
.checked{background-image:url(../images/default/menu/checked.gif)}
.unchecked{background-image:url(../images/default/menu/unchecked.gif)}
MultiComboBox的源代码：
Ext.form.MultiComboBox = Ext.extend(Ext.form.TriggerField, {
defaultAutoCreate : {tag: "input", type: "text", size: "24", autocomplete: "off"},
listClass: '',
selectedClass: 'x-combo-selected',
triggerClass : 'x-form-arrow-trigger',
shadow:'sides',
listAlign: 'tl-bl?',
maxHeight: 300,
triggerAction: 'query',
minChars : 4,
typeAhead: false,
queryDelay: 500,
pageSize: 0,
selectOnFocus:false,
queryParam: 'query',
loadingText: 'Loading...',
resizable: false,
handleHeight : 8,
editable: true,
allQuery: '',
mode: 'remote',
minListWidth : 70,
forceSelection:false,
typeAheadDelay : 250,
displaySeparator:';',
valueSeparator:',',
lazyInit : true,
initComponent : function(){
Ext.form.ComboBox.superclass.initComponent.call(this);
this.addEvents(
'expand',
'collapse',
'beforeselect',
'select',
'beforequery'
);
if(this.transform){
this.allowDomMove = false;
var s = Ext.getDom(this.transform);
if(!this.hiddenName){
this.hiddenName = s.name;
}
if(!this.store){
this.mode = 'local';
var d = [], opts = s.options;
for(var i = 0, len = opts.length;i < len; i++){
var o = opts[i];
var value = (Ext.isIE ? o.getAttributeNode('value').specified : o.hasAttribute('value')) ? o.value : o.text;
if(o.selected) {
this.value = value;
}
d.push([value, o.text]);
}
this.store = new Ext.data.SimpleStore({
'id': 0,
fields: ['value', 'text'],
data : d
});
this.valueField = 'value';
this.displayField = 'text';
}
s.name = Ext.id(); // wipe out the name in case somewhere else they have a reference
if(!this.lazyRender){
this.target = true;
this.el = Ext.DomHelper.insertBefore(s, this.autoCreate || this.defaultAutoCreate);
Ext.removeNode(s); // remove it
this.render(this.el.parentNode);
}else{
Ext.removeNode(s); // remove it
}
}
this.selectedIndex = -1;
if(this.mode == 'local'){
if(this.initialConfig.queryDelay === undefined){
this.queryDelay = 10;
}
if(this.initialConfig.minChars === undefined){
this.minChars = 0;
}
}
},
// private
onRender : function(ct, position){
Ext.form.ComboBox.superclass.onRender.call(this, ct, position);
var disValue="";
if(this.hiddenName){
this.hiddenField = this.el.insertSibling({tag:'input', type:'hidden', name: this.hiddenName, id: (this.hiddenId||this.hiddenName)},
'before', true);
var hvalue=this.hiddenValue !== undefined ? this.hiddenValue :
this.value !== undefined ? this.value : '';
var hvalueArray=hvalue.split(this.valueSeparator);
for(var i=0;i<this.store.data.length;i++){
var r = this.store.getAt(i);
var newValue = r.data[this.displayField];
var v=r.data[this.valueField];
for(var j=0;j<hvalueArray.length;j++){
if(hvalueArray[j]==v){
disValue+=newValue+this.displaySeparator;
}
}
}
this.hiddenField.value =this.hiddenValue !== undefined ? this.hiddenValue :
this.value !== undefined ? this.value : '';
this.el.dom.removeAttribute('name');
}
if(Ext.isGecko){
this.el.dom.setAttribute('autocomplete', 'off');
}
if(!this.lazyInit){
this.initList();
}else{
this.on('focus', this.initList, this, {single: true});
}
if(!this.editable){
this.editable = true;
this.setEditable(false);
}
this.setValue(disValue);
},
initList : function(){
if(!this.list){
var cls = 'x-combo-list';
this.list = new Ext.Layer({
shadow: this.shadow, cls: [cls, this.listClass].join(' '), constrain:false
});
var lw = this.listWidth || Math.max(this.wrap.getWidth(), this.minListWidth);
this.list.setWidth(lw);
this.list.swallowEvent('mousewheel');
this.assetHeight = 0;
if(this.title){
this.header = this.list.createChild({cls:cls+'-hd', html: this.title});
this.assetHeight += this.header.getHeight();
}
this.innerList = this.list.createChild({cls:cls+'-inner'});
this.innerList.on('mouseover', this.onViewOver, this);
this.innerList.on('mousemove', this.onViewMove, this);
this.innerList.setWidth(lw - this.list.getFrameWidth('lr'))
if(this.pageSize){
this.footer = this.list.createChild({cls:cls+'-ft'});
this.pageTb = new Ext.PagingToolbar({
store:this.store,
pageSize: this.pageSize,
renderTo:this.footer
});
this.assetHeight += this.footer.getHeight();
}
if(!this.tpl){
//alert(cls);
//x-combo-list-item
this.tpl = '<tpl for="."><div class="'+cls+'-item"><span class="unchecked" id="checkBox_{' + this.displayField + '}"+ width="20"> </span>{' + this.displayField + '}</div></tpl>';
}
this.view = new Ext.DataView({
applyTo: this.innerList,
tpl: this.tpl,
singleSelect: true,
selectedClass: this.selectedClass,
itemSelector: this.itemSelector || '.' + cls + '-item'
});
this.view.on('click', this.onViewClick, this);
this.bindStore(this.store, true);
if(this.resizable){
this.resizer = new Ext.Resizable(this.list, {
pinned:true, handles:'se'
});
this.resizer.on('resize', function(r, w, h){
this.maxHeight = h-this.handleHeight-this.list.getFrameWidth('tb')-this.assetHeight;
this.listWidth = w;
this.innerList.setWidth(w - this.list.getFrameWidth('lr'));
this.restrictHeight();
}, this);
this[this.pageSize?'footer':'innerList'].setStyle('margin-bottom', this.handleHeight+'px');
}
}
},
bindStore : function(store, initial){
if(this.store && !initial){
this.store.un('beforeload', this.onBeforeLoad, this);
this.store.un('load', this.onLoad, this);
this.store.un('loadexception', this.collapse, this);
if(!store){
this.store = null;
if(this.view){
this.view.setStore(null);
}
}
}
if(store){
this.store = Ext.StoreMgr.lookup(store);
this.store.on('beforeload', this.onBeforeLoad, this);
this.store.on('load', this.onLoad, this);
this.store.on('loadexception', this.collapse, this);
if(this.view){
this.view.setStore(store);
}
}
},
// private
initEvents : function(){
Ext.form.ComboBox.superclass.initEvents.call(this);
this.keyNav = new Ext.KeyNav(this.el, {
"up" : function(e){
this.inKeyMode = true;
this.selectPrev();
},
"down" : function(e){
if(!this.isExpanded()){
this.onTriggerClick();
}else{
this.inKeyMode = true;
this.selectNext();
}
},
"enter" : function(e){
this.onViewClick();
//return true;
},
"esc" : function(e){
this.collapse();
},
"tab" : function(e){
this.onViewClick(false);
return true;
},
scope : this,
doRelay : function(foo, bar, hname){
if(hname == 'down' || this.scope.isExpanded()){
return Ext.KeyNav.prototype.doRelay.apply(this, arguments);
}
return true;
},
forceKeyDown : true
});
this.queryDelay = Math.max(this.queryDelay || 10,
this.mode == 'local' ? 10 : 250);
this.dqTask = new Ext.util.DelayedTask(this.initQuery, this);
if(this.typeAhead){
this.taTask = new Ext.util.DelayedTask(this.onTypeAhead, this);
}
if(this.editable !== false){
this.el.on("keyup", this.onKeyUp, this);
}
if(this.forceSelection){
this.on('blur', this.doForce, this);
}
},
onDestroy : function(){
if(this.view){
this.view.el.removeAllListeners();
this.view.el.remove();
this.view.purgeListeners();
}
if(this.list){
this.list.destroy();
}
this.bindStore(null);
Ext.form.ComboBox.superclass.onDestroy.call(this);
},
// private
fireKey : function(e){
if(e.isNavKeyPress() && !this.list.isVisible()){
this.fireEvent("specialkey", this, e);
}
},
// private
onResize: function(w, h){
Ext.form.ComboBox.superclass.onResize.apply(this, arguments);
if(this.list && this.listWidth === undefined){
var lw = Math.max(w, this.minListWidth);
this.list.setWidth(lw);
this.innerList.setWidth(lw - this.list.getFrameWidth('lr'));
}
},
// private
onDisable: function(){
Ext.form.ComboBox.superclass.onDisable.apply(this, arguments);
if(this.hiddenField){
this.hiddenField.disabled = this.disabled;
}
},
setEditable : function(value){
if(value == this.editable){
return;
}
this.editable = value;
if(!value){
this.el.dom.setAttribute('readOnly', true);
this.el.on('mousedown', this.onTriggerClick, this);
this.el.addClass('x-combo-noedit');
}else{
this.el.dom.setAttribute('readOnly', false);
this.el.un('mousedown', this.onTriggerClick, this);
this.el.removeClass('x-combo-noedit');
}
},
// private
onBeforeLoad : function(){
if(!this.hasFocus){
return;
}
this.innerList.update(this.loadingText ?
'<div class="loading-indicator">'+this.loadingText+'</div>' : '');
this.restrictHeight();
this.selectedIndex = -1;
},
// private
onLoad : function(){
if(!this.hasFocus){
return;
}
if(this.store.getCount() > 0){
this.expand();
this.restrictHeight();
if(this.lastQuery == this.allQuery){
if(this.editable){
this.el.dom.select();
}
if(!this.selectByValue(this.value, true)){
this.select(0, true);
}
}else{
this.selectNext();
if(this.typeAhead && this.lastKey != Ext.EventObject.BACKSPACE && this.lastKey != Ext.EventObject.DELETE){
this.taTask.delay(this.typeAheadDelay);
}
}
}else{
this.onEmptyResults();
}
},
// private
onTypeAhead : function(){
if(this.store.getCount() > 0){
var r = this.store.getAt(0);
var newValue = r.data[this.displayField];
var len = newValue.length;
var selStart = this.getRawValue().length;
if(selStart != len){
this.setRawValue(newValue);
this.selectText(selStart, newValue.length);
}
}
},
// private
onSelect : function(record, index){
if(this.fireEvent('beforeselect', this, record, index) !== false){
var r = this.store.getAt(index);
var newValue = r.data[this.displayField];
var check=document.getElementById("checkBox_"+newValue);
if(check.className=="checked"){
check.className="unchecked"
}else{
check.className="checked"
}
var value="";
var hiddenValue="";
for(var i=0;i<this.store.data.length;i++){
var r = this.store.getAt(i);
newValue = r.data[this.displayField];
check=document.getElementById("checkBox_"+newValue);
if(check.className=="checked"){
value+= r.data[this.displayField]+this.displaySeparator;
hiddenValue+= r.data[this.valueField]+this.valueSeparator;
}
}
if(value.length>1){
value=value.substring(0,value.length-this.displaySeparator.length);
}
if(hiddenValue.length>1){
hiddenValue=hiddenValue.substring(0,value.length-this.valueSeparator.length);
}
this.setValue(value);
this.hiddenField.value=hiddenValue;
this.fireEvent('select', this, record, index);
}
},
getValue : function(){
if(this.valueField){
return typeof this.value != 'undefined' ? this.value : '';
}else{
return Ext.form.ComboBox.superclass.getValue.call(this);
}
},
/**
* Clears any text/value currently set in the field
*/
clearValue : function(){
if(this.hiddenField){
this.hiddenField.value = '';
}
this.setRawValue('');
this.lastSelectionText = '';
this.applyEmptyText();
},
setValue : function(v){
var text = v;
if(this.valueField){
var r = this.findRecord(this.valueField, v);
if(r){
text = r.data[this.displayField];
}else if(this.valueNotFoundText !== undefined){
text = this.valueNotFoundText;
}
}
this.lastSelectionText = text;
Ext.form.ComboBox.superclass.setValue.call(this, text);
this.value = v;
},
// private
findRecord : function(prop, value){
var record;
if(this.store.getCount() > 0){
this.store.each(function(r){
if(r.data[prop] == value){
record = r;
return false;
}
});
}
return record;
},
// private
onViewMove : function(e, t){
this.inKeyMode = false;
},
// private
onViewOver : function(e, t){
if(this.inKeyMode){ // prevent key nav and mouse over conflicts
return;
}
var item = this.view.findItemFromChild(t);
if(item){
var index = this.view.indexOf(item);
this.select(index, false);
}
},
// private
onViewClick : function(doFocus){
var index = this.view.getSelectedIndexes()[0];
var r = this.store.getAt(index);
if(r){
this.onSelect(r, index);
}
if(doFocus !== false){
this.el.focus();
}
},
// private
restrictHeight : function(){
this.innerList.dom.style.height = '';
var inner = this.innerList.dom;
var fw = this.list.getFrameWidth('tb');
var h = Math.max(inner.clientHeight, inner.offsetHeight, inner.scrollHeight);
this.innerList.setHeight(h < this.maxHeight ? 'auto' : this.maxHeight);
this.list.beginUpdate();
this.list.setHeight(this.innerList.getHeight()+fw+(this.resizable?this.handleHeight:0)+this.assetHeight);
this.list.alignTo(this.el, this.listAlign);
this.list.endUpdate();
},
// private
onEmptyResults : function(){
this.collapse();
},
/**
* Returns true if the dropdown list is expanded, else false.
*/
isExpanded : function(){
return this.list && this.list.isVisible();
},
selectByValue : function(v, scrollIntoView){
if(v !== undefined && v !== null){
var r = this.findRecord(this.valueField || this.displayField, v);
if(r){
this.select(this.store.indexOf(r), scrollIntoView);
return true;
}
}
return false;
},
select : function(index, scrollIntoView){
this.selectedIndex = index;
this.view.select(index);
if(scrollIntoView !== false){
var el = this.view.getNode(index);
if(el){
this.innerList.scrollChildIntoView(el, false);
}
}
},
// private
selectNext : function(){
var ct = this.store.getCount();
if(ct > 0){
if(this.selectedIndex == -1){
this.select(0);
}else if(this.selectedIndex < ct-1){
this.select(this.selectedIndex+1);
}
}
},
// private
selectPrev : function(){
var ct = this.store.getCount();
if(ct > 0){
if(this.selectedIndex == -1){
this.select(0);
}else if(this.selectedIndex != 0){
this.select(this.selectedIndex-1);
}
}
},
// private
onKeyUp : function(e){
if(this.editable !== false && !e.isSpecialKey()){
this.lastKey = e.getKey();
this.dqTask.delay(this.queryDelay);
}
},
// private
validateBlur : function(){
return !this.list || !this.list.isVisible();
},
// private
initQuery : function(){
this.doQuery(this.getRawValue());
},
// private
doForce : function(){
if(this.el.dom.value.length > 0){
this.el.dom.value =
this.lastSelectionText === undefined ? '' : this.lastSelectionText;
this.applyEmptyText();
}
},
doQuery : function(q, forceAll){
if(q === undefined || q === null){
q = '';
}
var qe = {
query: q,
forceAll: forceAll,
combo: this,
cancel:false
};
if(this.fireEvent('beforequery', qe)===false || qe.cancel){
return false;
}
q = qe.query;
forceAll = qe.forceAll;
if(forceAll === true || (q.length >= this.minChars)){
if(this.lastQuery !== q){
this.lastQuery = q;
if(this.mode == 'local'){
this.selectedIndex = -1;
if(forceAll){
this.store.clearFilter();
}else{
this.store.filter(this.displayField, q);
}
this.onLoad();
}else{
this.store.baseParams[this.queryParam] = q;
this.store.load({
params: this.getParams(q)
});
this.expand();
}
}else{
this.selectedIndex = -1;
this.onLoad();
}
}
},
// private
getParams : function(q){
var p = {};
//p[this.queryParam] = q;
if(this.pageSize){
p.start = 0;
p.limit = this.pageSize;
}
return p;
},
/**
* Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.
*/
collapse : function(){
if(!this.isExpanded()){
return;
}
this.list.hide();
Ext.getDoc().un('mousewheel', this.collapseIf, this);
Ext.getDoc().un('mousedown', this.collapseIf, this);
this.fireEvent('collapse', this);
},
// private
collapseIf : function(e){
if(!e.within(this.wrap) && !e.within(this.list)){
this.collapse();
}
},
/**
* Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.
*/
expand : function(){
if(this.isExpanded() || !this.hasFocus){
return;
}
this.list.alignTo(this.wrap, this.listAlign);
var hvalueArray=this.hiddenField.value.split(this.valueSeparator);
for(var i=0;i<this.store.data.length;i++){
var r = this.store.getAt(i);
var newValue = r.data[this.displayField];
var v=r.data[this.valueField];
for(var j=0;j<hvalueArray.length;j++){
if(hvalueArray[j]==v){
document.getElementById("checkBox_"+newValue).className="checked";
}
}
}
this.list.show();
Ext.getDoc().on('mousewheel', this.collapseIf, this);
Ext.getDoc().on('mousedown', this.collapseIf, this);
this.fireEvent('expand', this);
},
// private
// Implements the default empty TriggerField.onTriggerClick function
onTriggerClick : function(){
if(this.disabled){
return;
}
if(this.isExpanded()){
this.collapse();
this.el.focus();
}else {
this.onFocus({});
if(this.triggerAction == 'all') {
this.doQuery(this.allQuery, true);
} else {
this.doQuery(this.getRawValue());
}
this.el.focus();
}
}
});
Ext.reg('multicombo', Ext.form.MultiComboBox);
最后提供运行效果和测试例子（见附件）,解压multiCombox.rar,打开\multiCombox\examples\form\MultiComboBox.html文件即可，\multiCombox\examples\form\MultiComboBox.js为MultiComboBox类的源代码，希望大家能给点改进的建议，先谢谢！
分享到：
评论
18 楼
huangle116
2014-10-09
不错，代码可以用
17 楼
sichen1984
2013-07-23
楼主，你的成果，刚开始用的时候欢天喜地，后来就变成泪流满面了。改bug改的我手都酸了。
16 楼
xieweiting
2012-07-12
楼主，赋值赋不上去啊
15 楼
w12a34
2009-03-16
有点垃圾，不够完善就不要上传，耽误时间。。
14 楼
lhgyy00
2009-02-05
在new了几个multiCombox的时候（用一个Store）这里的挑勾只会在第一个出来的checkbox中显示，第二次点开的那个就不显示，并且独立的这几个会相互影响，请问楼主，这个问题要怎么解决啊
13 楼
mimijidi
2008-11-23
不错,代码多了点
12 楼
dengddq
2008-10-31
figo_cool 写道
你好，我想问下，我用这个的时候，怎么左边那个小勾框显示不出来，使用的时候只要导入那个JS文件就可以吗？？？
前面已提到:
由于添加了多选CheckBox图标，所以需要在ext-all.css文件最后添加两行支持样式：
.checked{background-image:url(../images/default/menu/checked.gif)}
.unchecked{background-image:url(../images/default/menu/unchecked.gif)}
11 楼
figo_cool
2008-10-21
你好，我想问下，我用这个的时候，怎么左边那个小勾框显示不出来，使用的时候只要导入那个JS文件就可以吗？？？
10 楼
death0320
2008-08-24
请问你提供的这个多选下拉框有加载的功能吗？我测试了一下，如果我从后台读出的是下拉框的一个选项，那么下拉框上可以显示正确的中文，但是点开下拉列表框时没有在多选框中选中。如果我从后台读取了多个选项，例如这样的a,b,c,d时，那么在下拉框中就会显示a,b,c,d，而不会显示对应的displayValue，并且在下拉框中没有多选框被选中。
请问，有没有这个功能呢？
请问，有没有这个功能呢？
9 楼
death0320
2008-08-24
楼主啊，终于发现问题了，你提供的这个js有BUG，在405行。原来是这样的：hiddenValue=hiddenValue.substring(0,value.length-this.valueSeparator.length);
这里截取时，用的是value.length，要改一下：hiddenValue=hiddenValue.substring(0,hiddenValue.length-this.valueSeparator.length);
这里截取时，用的是value.length，要改一下：hiddenValue=hiddenValue.substring(0,hiddenValue.length-this.valueSeparator.length);
8 楼
death0320
2008-08-24
我使用了这个，但是每次把值传到后台时，总会把字符截取一些，比如我选择了两个选项，值应该为“abc,def”，最后在后台发现只有“abc,”。或者我选择了“abc”，到后台取值就变成了“ab”，请问楼主，这是为什么？
7 楼
lhj_5460
2008-07-31
先支持下。
6 楼
jljlpch
2008-07-30
load时给控件赋值,那是必须的啊，应该每个mutilbox都会实现的吧，对于分页，comobox是有，从没有用过。如果能用，应该会有这样的特性吧。
5 楼
Else
2008-07-29
xiexueze的问题我也想问,因为我们就是在jsakalo那个控件上扩展的.
还有不知道你这有没有load时给控件赋值的功能
还有不知道你这有没有load时给控件赋值的功能
4 楼
xwang
2008-07-25
能实现分页多选么？
3 楼
hejin1026
2008-07-22
真是麻烦，我晕，你应该简化下
2 楼
jljlpch
2008-07-18
在开发时，做了一个和你的差不多的一样的东西，不同的我的用了了extend(Ext.form.combox)，只有150来行。
呵呵。
呵呵。
1 楼
xiexueze
2008-07-18
这种控件EXT的核心开发人员jsakalos已经在EXT的论坛上有发布 http://extjs.com/forum/showthread.php?t=32692
不知你这个和他的相比有哪些优势
不知你这个和他的相比有哪些优势
发表评论
相关推荐
Extjs 模拟下拉多选checkbox
ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...
在ExtJS中，"下拉多选树"（Combobox Tree）是一种结合了下拉框和树形结构的组件，它允许用户在下拉菜单中选择多个树节点，提供了一种高效且直观的用户交互方式。 1. **下拉树组件**：在ExtJS中，树形组件...
EXT2.0是EXT框架的一个重要升级版本，它在EXT1.0的基础上进行了大量的改进和增强，提供了更为丰富的组件、优化的性能以及更美观的界面效果。 EXT2.0的核心特性包括： 1. **组件库增强**：EXT2.0扩展了原有的组件库...
5. **菜单系统**：EXT 2.0的Menu组件不仅包括基本的上下文菜单，还提供了QQ风格的弹出式菜单，可以自定义样式和行为，为用户提供丰富的操作选项。 6. **Ajax集成**：EXT 2.0内置了Ajax通信模块，可以方便地与服务器...
ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0
3. **EXT2.0中文教程.exe**: 这可能是一个以可执行文件（.exe）形式的中文教学程序，对于中文用户来说非常友好。它可能包含了视频教程、交互式示例或者图文并茂的讲解，帮助学习者更直观地理解Ext 2.0的用法和功能。...
4. **用户界面组件**：Ext 2.0包含一系列预定义的UI组件，如表格、树、菜单、工具栏、图表等。这些组件高度可定制，可以满足不同应用场景的需求，且都具有良好的交互性和响应性。 5. **数据网格**：Ext的GridPanel...
**EXT2.0官方文档详解** EXT2，全称Extended File System 2，是Linux操作系统中广泛使用的一种文件系统。这个文件系统在1993年由Rebecca Ann Heineman和Stephen Tweedie开发，作为EXT1的升级版，旨在解决EXT1在大...
EXT2.0是一款基于JavaScript的富客户端开发框架，它提供了丰富的组件库和强大的数据管理功能，使得在浏览器端构建复杂的用户界面变得简单。本插件是EXT2.0针对本地浏览API的扩展，旨在增强EXT应用程序对本地资源的...
本文档主要针对EXT2.0版本进行介绍。 EXT2.0在EXT1.x的基础上进行了大量的改进和优化，增加了更多的UI组件，提升了性能，并且强化了对Ajax和数据绑定的支持。Ajax技术允许Web应用在不刷新整个页面的情况下与服务器...
Ext2.0包含了一系列的UI组件，如面板（Panel）、表格（Grid）、表单（Form）、菜单（Menu）、按钮（Button）、工具栏（Toolbar）、树形视图（Tree）等。这些组件都具有高度可配置性和可扩展性，能够满足各种复杂的...
"ext下拉多选组件multicombo"是一种专为EXTJS框架设计的组件，EXTJS是一个强大的JavaScript库，用于创建桌面级的富客户端应用。这个组件扩展了EXTJS的原生下拉框（ComboBox）功能，增加了多选特性，使得用户可以在下...
"ext多选下拉列表的全选功能实现"这个主题聚焦于一个特定的UI组件——ExtJS库中的MultiComboBox，这是一种允许用户多选的下拉列表控件。在实际应用中，全选功能常常被用来快速选择所有选项，极大地提高了用户的操作...
EXT2.0是一种广泛应用于Linux操作系统中的文件系统，它的全称是Extended File System Version 2.0。在Linux世界中，文件系统是管理和组织磁盘数据的核心组件，它决定了文件如何存储、检索以及如何实现高效的读写操作...
EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架，尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本，它提供了丰富的用户界面组件...
在本例中，我们将重点讨论如何在 ExtJS 2.0 中实现下拉列表功能。 下拉列表在 Web 应用程序中非常常见，通常用于提供可选的选项供用户选择。在 ExtJS 中，下拉列表可以通过创建 `Ext.form.ComboBox` 实现。这个组件...
EXT2.0 API详解 EXT2（Second Extended File System）是Linux操作系统中广泛使用的文件系统之一，它在1992年由Rene Rebeau设计并实现，为Linux社区提供了可靠且高效的文件存储解决方案。随着技术的发展，EXT2也经历...
1. **组件化设计**：EXT2.0引入了一套完整的组件系统，如表格（Grid）、面板（Panel）、窗口（Window）和菜单（Menu），这些组件可以自由组合，形成复杂的用户界面。 2. **数据绑定**：EXT2.0实现了模型-视图-控制...
EXT 2.0是EXT库的一个早期版本，它包含了一系列用于构建用户界面的组件和工具，如表格、面板、菜单、窗口等。EXT 2.0项目源代码的分享为开发者提供了一个深入了解EXT框架内部工作原理和最佳实践的机会。 在EXT 2.0...