ExtJS組件上的Twitter按鈕

Question

我有一個ExtJS組件，我想在其上添加一個twitter按鈕;此組件是一個簡單面板的項目。

這裏是我的代碼：

{ 
xtype:'container', 
id:'tweet-button' 
html:'<div><a href="https://twitter.com/share" class="twitter-share-button"' + 
    'data-url="http://myPage.com" data-text="newpage" data-via="myTwitterAccount"'+ 
    'data-size="large">Tweet</a>' + 
    '<script>!function(d,s,id){' + 
    'var js,fjs=d.getElementsByTagName(s)[0];'+ 
    'if(!d.getElementById(id)){'+ 
      'js=d.createElement(s);'+ 
      'js.id=id;'+ 
      'js.src="http://platform.twitter.com/widgets.js";'+ 
      'fjs.parentNode.insertBefore(js,fjs);'+ 
    '}'+ 
    '}(document,"script","twitter-wjs");</script></div>' 
} 

Twitter的按鈕，似乎是工作，唯一所缺的就是渲染，請幫忙在此先感謝！

Answer 1

這裏是例如整合Twitter的按鈕 -

Ext.onReady(function() { 
    Ext.create('Ext.Viewport', { 
     layout:'anchor', 
     items:[{ 
    xtype:'panel', 
    height: 700, 
    width: 700, 
    id:'tweet-button', 
    html:'<div><a href="https://twitter.com/share" class="twitter-share-button"' + 
     'data-url="http://myPage.com" data-text="newpage" data-via="myTwitterAccount"'+ 
     'data-size="large">Tweet</a></div>' 
    }] 
    }); 
}); 

!function(d,s,id){ 
    var js,fjs=d.getElementsByTagName(s)[0]; 
    if(!d.getElementById(id)){ 
     js=d.createElement(s); 
     js.id=id; 
     js.src="https://platform.twitter.com/widgets.js"; 
     fjs.parentNode.insertBefore(js,fjs); 
    } 
}(document,"script","twitter-wjs");