Hi,
I have list of items and applied drag event to rearrange it.

Now i required to start drag only on taphold.

Code:
  initialize: function() {        this.callParent(arguments);


		if(localStorage.slots == null)
		{
			jsonSlots = [{"id":1, action: 'aboutus',"baseCls":"image-aboutus-list","cls":"image-aboutus","pressedCls":"image-aboutus-pressed"},
			{"id":2, action: 'personalization',"baseCls":"image-personalize-list","cls":"image-personalize","pressedCls":"image-personalize-pressed"},
			{"id":3, action: 'navigatecontactus',"baseCls":"image-contactus-list","cls":"image-contactus","pressedCls":"image-contactus-pressed"},
			
			];
			localStorage.slots = JSON.stringify(jsonSlots);
		}
		this.setDragItems(JSON.parse(localStorage.slots));
        //this.down('titlebar').setTitle(this.getTitle());


        // define draggable sections
		//var head = {xtype:'panel',scrollable: true, items:[]};
        var layoutItems = [];
        
        var sections = this.getDragItems();
        this.numItems = sections.length; // cache num items for spacing calculation
        var draggable = {};


        for (var i=0; i<sections.length; i++) {


            draggable = {
                xtype: 'draggablesetting',
                hidden: false,
                initialIndex: i,
                draggable: {
                    direction: 'vertical',
                    listeners: {
                        drag: this.onDrag,
                        dragend: this.onDrop,
                        dragstart: this.onDragStart,
                        scope: this
                    }
                },
                itemId: 'draggable' + i,
				menuCls: sections[i].cls,
				menuPressedCls: sections[i].pressedCls,
				action: sections[i].action,
				baseCls: sections[i].baseCls,
                sectionId: sections[i].id
            },
            layoutItems.push(draggable);


        }


        this.add(layoutItems);




        Ext.Function.defer(this.initializeDraggables,250,this);


    },
above is my code where i am applying the events.
For dragStart event below code i used.

Code:
 onDragStart: function(el, e, offsetX, offsetY, eOpts) {        this.slot = Ext.Number.toFixed(offsetY / this.spacing,0);
		Ext.getCmp('favoritepanel').setScrollable(false);
    },
 onDrop: function(el, e, offsetX, offsetY, eOpts) {


		var  slotArray = [];
		
        for (var i=0; i<this.slots.length; i++) {
			
			//console.log(this.slots[i]);
            var cmp =  Ext.getCmp(this.slots[i].getId());
			var slotJson = {id: cmp.getSectionId(), baseCls: cmp.getBaseCls(), cls: cmp.getMenuCls(), pressedCls: cmp.getMenuPressedCls(), action: cmp.getAction()};
			slotArray[i]=slotJson;
			//console.log(cmp.getSrc());
            cmp.getDraggable().setOffset(0,i * this.spacing);
        }
		localStorage.slots = JSON.stringify(slotArray);
		Ext.getCmp('favoritepanel').setScrollable(true);
    },
Now i required items should get drag only on taphold.

suggest me.