Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to disable dragging on vbox children components (SENCHA TOUCH 2)
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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