generic-library/poco
1
0
Fork 0
mirror of https://github.com/pocoproject/poco.git synced 2025-05-04 00:08:22 +02:00
Code Issues Projects Releases Wiki Activity

updated multiselect

Browse Source
This commit is contained in:
Peter Schojer 2008-09-30 08:43:24 +00:00
parent b5c357599c
commit 5c9977d79a
2 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
WebWidgets/ExtJS/testsuite/bin/Multiselect.css
View File

@ -7,8 +7,8 @@
} }
.ux-mselect-item{ .ux-mselect-item{
font:normal 12px tahoma, arial, helvetica, sans-serif; font:normal 12px tahoma, arial, helvetica, sans-serif;
padding:2px; /*padding:2px;
border:1px solid #fff; border:1px solid #fff;*/
white-space: nowrap; white-space: nowrap;
cursor:pointer; cursor:pointer;
} }

40
WebWidgets/ExtJS/testsuite/bin/Multiselect.js
View File

@ -4,8 +4,8 @@ Ext.ux.Multiselect = Ext.extend(Ext.form.Field, {
store:null, store:null,
dataFields:[], dataFields:[],
data:[], data:[],
width:100, width:'auto',
height:100, height:'auto',
displayField:0, displayField:0,
valueField:1, valueField:1,
allowBlank:true, allowBlank:true,
@ -17,6 +17,7 @@ Ext.ux.Multiselect = Ext.extend(Ext.form.Field, {
copy:false, copy:false,
allowDup:false, allowDup:false,
allowTrash:false, allowTrash:false,
autoScroll:true,
legend:null, legend:null,
focusClass:undefined, focusClass:undefined,
delimiter:',', delimiter:',',
@ -41,26 +42,28 @@ Ext.ux.Multiselect = Ext.extend(Ext.form.Field, {
}); });
}, },
onRender: function(ct, position){ onRender: function(ct, position){
var fs, cls, tpl; var fs, shortCls, tpl;
Ext.ux.Multiselect.superclass.onRender.call(this, ct, position); Ext.ux.Multiselect.superclass.onRender.call(this, ct, position);
shortCls = 'ux-mselect';
cls = 'ux-mselect'; if (this.cls)
this.cls += (' ' + shortCls);
fs = new Ext.form.FieldSet({ fs = new Ext.form.FieldSet({
renderTo:this.el, renderTo:this.el,
autoScroll:this.autoScroll,
title:this.legend, title:this.legend,
height:this.height, height:this.height, //reduce height by 2 px?
width:this.width, width:this.width,
style:"padding:1px;", style:"padding:0px 0px;margin-bottom:0px;",
tbar:this.tbar tbar:this.tbar
}); });
if(!this.legend){ if(!this.legend){
var x = fs.el.down('.'+fs.headerCls); var x = fs.el.down('.'+fs.headerCls);
if (x) x.remove(); if (x) x.remove();
} }
fs.body.addClass(cls); fs.body.addClass(this.cls);
tpl = '<tpl for="."><div class="' + cls + '-item'; tpl = '<tpl for="."><div class="' + this.cls + '-item';
if(Ext.isIE || Ext.isIE7)tpl+='" unselectable=on'; if(Ext.isIE || Ext.isIE7)tpl+='" unselectable=on';
else tpl+=' x-unselectable"'; else tpl+=' x-unselectable"';
tpl+='>{' + this.displayField + '}</div></tpl>'; tpl+='>{' + this.displayField + '}</div></tpl>';
@ -75,9 +78,9 @@ Ext.ux.Multiselect = Ext.extend(Ext.form.Field, {
this.store.on('load', this.onStoreLoad, this); this.store.on('load', this.onStoreLoad, this);
this.view = new Ext.ux.DDView({ this.view = new Ext.ux.DDView({
multiSelect: true, store: this.store, selectedClass: cls+"-selected", tpl:tpl, multiSelect: true, store: this.store, selectedClass: shortCls+"-selected", tpl:tpl,
allowDup:this.allowDup, copy: this.copy, allowTrash: this.allowTrash, allowDup:this.allowDup, copy: this.copy, allowTrash: this.allowTrash,
dragGroup: this.dragGroup, dropGroup: this.dropGroup, itemSelector:"."+cls+"-item", dragGroup: this.dragGroup, dropGroup: this.dropGroup, itemSelector:"."+shortCls+"-item",
isFormField:false, applyTo:fs.body, appendOnly:this.appendOnly, isFormField:false, applyTo:fs.body, appendOnly:this.appendOnly,
sortField:this.sortField, sortDir:this.sortDir sortField:this.sortField, sortDir:this.sortDir
}); });
@ -110,11 +113,20 @@ Ext.ux.Multiselect = Ext.extend(Ext.form.Field, {
this.initVal = null; this.initVal = null;
} }
}, },
onSelectionChange: function(dataView, selArray){ onSelectionChange: function(dataView, selArray){
this.fireEvent('selectionchange', this, dataView, selArray); if (selArray)
{
var result = new Array(selArray.length);
for (var i = 0; i < selArray.length; ++i)
{
result[i] = selArray[i].viewIndex;
}
var str = result.toString();
this.fireEvent('selectionchange', this, dataView, selArray, str);
}
}, },
onViewClick: function(vw, index, node, e) { onViewClick: function(vw, index, node, e) {
var arrayIndex = this.preClickSelections.indexOf(index); var arrayIndex = this.preClickSelections.indexOf(index);
if (arrayIndex != -1) if (arrayIndex != -1)