PDA

View Full Version : Ext.ux.form.GroupComboBox



vtswingkid
27 Aug 2008, 7:41 AM
After using the grouping grid I needed a grouping combo box.

So here you go...

galdaka
27 Aug 2008, 10:54 AM
Great work!! Awesome!!

Live example: http://www.jadacosta.es/extjs/examples/groupcombo/test.html

Not work in IE6. Works fine in FF2.

Greetings,

galdaka
27 Aug 2008, 12:11 PM
Hey solved!! Is only a extra-comma!

Now live example works fine!!

Greetings,

ajaxvador
27 Aug 2008, 12:14 PM
working in IE6, IE7 and IE8.

please correct demo script in line 89

87: groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Files" : "File"]})',
88: showGroupName: false,
89: startCollapsed: true, supress comma B)
90: }]

thanks

great work

vtswingkid
27 Aug 2008, 1:39 PM
Thanks...comma suppressed.

Zolcsi
15 Sep 2008, 12:11 AM
Hey, thanks for this extension, it's exactly what I needed right now!

Cheers :)

Remy
16 Sep 2008, 1:05 AM
Don't you just love the Ext community, you realise you need something for a project you're working on and hey presto, someone has the solution! Great work.

wm003
17 Sep 2008, 11:52 AM
Good work and very useful B)

g13013
22 Nov 2008, 6:24 AM
sorry for my english
When we try to expand a group in bottom of the selection and there is a scroll bar in the combo the view scrolls into the begining of the combo, and it can be unpleasant for the user when he is obligated to scroll again to the group he expanded before, to understand try to populate the combo with lot of groups and try to expand the last group when you have a scroll bar in the combo.

Grolubao
21 Apr 2009, 1:46 AM
Just wanted to say thank you, really useful! :D

thbindu
28 Apr 2009, 11:05 AM
How do i set a default selection on a grouping combobox.I tried doing it on load of the grouping store but that didn't work.

kawadika
24 Jul 2009, 2:59 PM
Hello,

I'd like to track events on a groupcombo and it seems not to work. I've tryied 'change', 'selectionchanged', 'blur', 'click' event.

The following example does not work: no alert is opened:

{
xtype: 'uxgroupcombo',
store: new ArrayStore( <data definition here> ),
valueField: 'code',
displayField: 'libelle',
mode: 'local',
fieldLabel: 'Type',
name: 'type0',
hiddenName : 'datatype',
anchor:'100%',
allowBlank: false,
forceSelection: true,
triggerAction: 'all',
editable: false,
//width: 220,
groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Files" : "File"]})',
showGroupName: false,
startCollapsed: false,
resizable: true,
,

listeners : {
change: function() {
alert('changed : ')
}
}
}

Any idea?

Thanks?

PS: sorry for my english

moegal
25 Jul 2009, 4:25 AM
its works fine for me. change does not fire until after the item loses focus. you can try select, that fires each time you select an item. You may want to remove the extra coma though. (I assume the extra coma is a typo.)

resizable: true,
,

listeners : {

should be

resizable: true,
listeners : {

Marty

tbankert
13 Aug 2009, 3:32 PM
is there an update for this to work with ext 3? It appears to work, but the css does not work.

tbankert
14 Aug 2009, 6:02 AM
Was having problems getting this working correctly under ext 3, anyway changed a couple of lines of code and all is working well.

open groupdataview.js

On line 20 you'll see this:
'<div id="{groupId}-hd" class="x-grid-group-hd" style="{style}"><div>',

Ad the following div layer to the end of that code
'<div id="{groupId}-hd" class="x-grid-group-hd" style="{style}"><div><div class="x-grid-group-title">',


You'll also need to add the closing Div on line 22 it should look like the following:
'</div></div></div>',

that fixed the issue for me. Thanks for the great plugin.

easycodes
19 Dec 2009, 11:01 PM
Good

easycodes
20 Dec 2009, 12:25 AM
Hi i am trying to use this extension but the template is not working for me it only shows the value of combo box not showing the template at all. below is my code.


xtype:'uxgroupcombo',
id:'receiptNumber',
fieldLabel: 'Receipt#',
valueField:'RECEIPT_NO',
displayField:'RECEIPT_NO',
triggerAction:'all',
minChars:2,
forceSelection:true,
enableKeyEvents:true,
pageSize:50,
width:100,
emptyText:'Select--',

resizable:true,
minListWidth:350,
allowBlank:true,
loadingText:'Loading Details..',
queryDelay:250,
store:receiptStore,
groupTextTpl:'<tpl for="."><div class="x-combo-list-item">{RECEIPT_NO}, {RECEIPT_TYPE}</div></tpl>',
showGroupName: false,
startCollapsed: true,

i can see only value field. and template is not working. Your reply is appriciated.

thanks

rajasekharkota
11 May 2010, 12:46 PM
Hi,

I am also looking for combo box component that allows grouping. But I got confused on above discussion. Could you please let me know the steps that I need to follow to render grouping combo box on UI?

Thanks...

gauravgogna
29 Nov 2013, 2:10 PM
Can anybody provide the working link again as the shown link is not working..