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");