Javascript ExtJS组件上的Twitter按钮

Javascript ExtJS组件上的Twitter按钮,javascript,html,extjs,twitter,share,Javascript,Html,Extjs,Twitter,Share,我有一个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="myTwi

我有一个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>'
}
{
xtype:“容器”,
id:“推特按钮”
html:'+
“!函数(d,s,id){”+
'var js,fjs=d.getElementsByTagName[0];'+
'如果(!d.getElementById(id)){'+
'js=d.createElement(s);'+
'js.id=id;'+
'js.src='http://platform.twitter.com/widgets.js";'+
'fjs.parentNode.insertBefore(js,fjs);'+
'}'+
“}(文档,“脚本”,“twitter wjs”);”
}

Twitter按钮似乎正在工作,唯一缺少的是渲染;请提前帮助和感谢

下面是集成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");
Ext.onReady(函数(){
Ext.create('Ext.Viewport'{
布局:'锚',
项目:[{
xtype:“面板”,
身高:700,
宽度:700,
id:'tweet-button',
html:'
}]
}); 
});
!功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
如果(!d.getElementById(id)){
js=d.createElement;
js.id=id;
js.src=”https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}
}(文件,“脚本”、“推特wjs”);

感谢您回答我的问题。问题是……我的源文件中的代码是正确的,我在尝试格式化代码时跳过了“+”。在容器上使用特定的html代码,这将添加到simple ExtJS面板和其他组件中。