PDA

View Full Version : Select field in the floating form



KJedi
16 Oct 2010, 8:36 AM
I create the Form panel which is shown like this:

onTap:function() {
this.filterPanel.setFloating(true);
this.filterPanel.showBy(this, 'fade');
}
Code of the form is this:

FilterPanel = Ext.extend(Ext.form.FormPanel, {
initComponent:function(){
Ext.apply(this, {
height:350,
width:250,
defaults: {
labelAlign: 'top'
},
items:[{
xtype:'select',
label:'Cuisine',
options:[
{text:'Any', value:0},
{text:'Italian', value:1},
{text:'Japanese', value:10}
]
},{
xtype:'slider',
label: 'Location'
}]
});
FilterPanel.superclass.initComponent.call(this);
}
The form is shown, this is OK. When I tap the select field, it shows me the list of options, this is OK as well. But when I select any option, form panel disappears, but the list of options still there and you can select it.
How to get rid of this bug?

sne11ius
4 Jul 2011, 2:06 AM
Hi! I have a slightly different setup, but the behaviour is very much the same.
Here is the exception that seems to be thrown when I click on either of the options:

sencha-touch-debug-w-comments.js:28790Uncaught TypeError: Property '1' of object function (e, args) {
gen.call(dom, e, o, fn, scope, ename, dom, arguments.callee, args);
} is not a function
Ext.gesture.Gesture.Ext.extend.firesencha-touch-debug-w-comments.js:28790
Ext.gesture.Touch.Ext.extend.onTouchStartsencha-touch-debug-w-comments.js:28860
Ext.gesture.Manager.Ext.AbstractManager.handleTargetsencha-touch-debug-w-comments.js:28550
Ext.gesture.Manager.Ext.AbstractManager.handleTargetssencha-touch-debug-w-comments.js:28518
Ext.gesture.Manager.Ext.AbstractManager.onTouchStartsencha-touch-debug-w-comments.js:28404
(anonymous function)

Any ideas on this?

wfogl
26 Aug 2011, 6:05 AM
What happens when you add this:


hideOnMaskTap: false

to your Ext.form.FormPanel?

Greez