是否有任何方法可以将可拖动和可放置的组件添加到面板

Question

是否有任何方法可以将可拖动和可放置的组件添加到sencha中的面板var op1 = new

Ext.util.Draggable('op1',{
                group:'base',            
                                revert:true
            });

面板

var myPanel = new Ext.Panel({
                    dockedItems: [myToolbar],
                    fullscreen : true,
                    items:[op1]
                });

Answer 1

这可以这样做：

fields = {

                    id: 'data',
                    title: '{id}',



                    items: [

                        {
                           xtype: 'textfield',    
                            name : 'id',
                            id:'slno'
                        },
                        {
                           xtype: 'textfield',    
                            name : 'q1',
                            isDroppable:true,
                            autoCapitalize : true
                        },
                        {
                            xtype: 'textfield', 
                            name: 'op1',
                            draggable:true,
                            group:'invalid',
                            revert:true

                        },
                        {
                            xtype: 'textfield', 
                            name: 'ans',
                            draggable:true,
                            group:'base',
                            revert:true
                            //,style:'z-index:1'
                        }
                    ]
                };