小编aku*_*sky的帖子

如何在ExtJS中添加Facebook共享按钮

我在facebook上获得了"分享"按钮的代码以及说明:

在您的网页上包含一次JavaScript SDK,最好是在开始标记之后.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Run Code Online (Sandbox Code Playgroud)

将插件的代码放在您希望插件显示在页面上的任何位置.

<div class="fb-share-button" data-href="http://recovery.twindb.com" data-layout="button_count"></div>
Run Code Online (Sandbox Code Playgroud)

所以我试图将它添加到ExtJS Web应用程序中.

我有一个视图,我在其中添加了fb-root容器以及fbxxx我想要放置按钮的位置:

Ext.define('recovery.view.Main', {
extend: 'Ext.container.Container',
...
items: [{
    xtype: 'container',
    id: 'fb-root',
    width: 50,
    height: 20,
    items: [{
        xtype: 'container',
        id: 'fbxxx'
    }]
}]
listeners: {
    beforerender: function (container) {
        (function(d, s, id) {
            var js, fjs = …
Run Code Online (Sandbox Code Playgroud)

javascript facebook extjs

0
推荐指数
1
解决办法
170
查看次数

标签 统计

extjs ×1

facebook ×1

javascript ×1