Question

我有一个ExtJS组件，我想在其上添加一个推特按钮;这个组件是一个简单面板的项目。

这是我的代码：

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

ExtJS组件上的Twitter按钮

1 个答案: