StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to disable dragging on vbox children components (SENCHA TOUCH 2)
text
Body
copied!<p>I have a container with the vbox layout, this container has one toolbar and 5 formPanels (each with a fieldset) as children, my problem is that each of these 5 formPanels seems to be draggable and that's something I don't want. I've tried several ways of disabling the ability to drag these elements but none of them worked so far... how can i achieve such a result ?</p> <p>A few things I've tried so far to disable dragging (aside from doing similar stuff through my controller) :</p> <pre><code>draggable: false, disableSelection: true, locked: true </code></pre> <p>MyConfigView.js:</p> <pre><code>Ext.define('MyApp.view.MyConfigView', { extend: 'Ext.Panel', alias: 'widget.myConfigview', config: { layout: { type: 'vbox', align: 'stretch', fullscreen: true, animation: { type: 'slide', direction: 'left', duration: 8000 } }, defaults: { flex: 1 }, items: [{ docked: 'top', xtype: 'toolbar', ui: 'light', title: 'Ya', itemId: 'toolbarConfigView', items: [{ xtype: 'button', ui: 'back', text: 'Voltar', action: 'voltarConfigView', itemId: 'myConfigViewVoltarBt' }] }, { xtype: 'formpanel', itemId: 'fieldSetAssalto', items: [{ xtype: 'fieldset', title: 'Ya', model: 'MyApp.model.MyModel', items: [{ xtype: 'textfield', name: 'numeroTelefone', label: 'Ya' }, { xtype: 'textfield', name: 'mensagem', label: 'Ya' }] }] }, { xtype: 'formpanel', itemId: 'fieldSetIncendio', items: [{ xtype: 'fieldset', title: 'Ya', model: 'MyApp.model.MyModel', items: [{ xtype: 'textfield', name: 'numeroTelefone', label: 'Ya' }, { xtype: 'textfield', name: 'mensagem', label: 'Ya' }] }] }, { xtype: 'formpanel', itemId: 'fieldSetSequestro', items: [{ xtype: 'fieldset', title: 'Ya', model: 'MyApp.model.MyModel', items: [{ xtype: 'textfield', name: 'numeroTelefone', label: 'Ya' }, { xtype: 'textfield', name: 'mensagem', label: 'Ya' }] }] }, { xtype: 'formpanel', itemId: 'fieldSetEmedico', items: [{ xtype: 'fieldset', title: 'Ya', model: 'MyApp.model.MyModel', items: [{ xtype: 'textfield', name: 'numeroTelefone', label: 'Ya' }, { xtype: 'textfield', name: 'mensagem', label: 'Ya' }] }] }, { xtype: 'formpanel', itemId: 'fieldSetAcidente', items: [{ xtype: 'fieldset', title: 'Ya', model: 'MyApp.model.MyModel', items: [{ xtype: 'textfield', name: 'numeroTelefone', label: 'Ya' }, { xtype: 'textfield', name: 'mensagem', label: 'Ya' }, { xtype: 'button', ui: 'confirm', text: 'Save' }] }] }] } }); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload