extjs4 - Extjs パネルのドラッグ可能なデリゲート (ドラッグ ハンドル) - 機能しない

Question

そのパネル内の要素によってドラッグ可能なパネルを作成しようとしています。残念ながら、私のコードではデリゲート プロパティが機能せず、パネル全体をドラッグ ハンドルとして使用できます。

私は何を間違っていますか？このコードを修正するには？

私はextjs 4.1.1を使用しています。

ありがとう。

http://jsbin.com/ahipob/1/watch

Ext.onReady(function() {

    var btn1 = Ext.create('Ext.button.Button', {
        text: 'btn1'
    });

    var btn2 = Ext.create('Ext.button.Button', {
        text: 'btn2'
    });


    var panel1 = Ext.create('Ext.panel.Panel', {
        width: 100,
        height: 100,
        items: [btn1, btn2],
        draggable: {
            delegate: '#'+Ext.escapeId(btn1.id)
        }
    });



    Ext.create('Ext.Viewport', {
        renderTo: Ext.getBody(),
        items: [
            panel1
        ]
    });
});