sencha architect中类似Facebook的按钮_Facebook_Extjs_Sencha Touch 2_Facebook Like_Sencha Architect

sencha architect中类似Facebook的按钮

facebook extjs sencha-touch-2

sencha architect中类似Facebook的按钮,facebook,extjs,sencha-touch-2,facebook-like,sencha-architect,Facebook,Extjs,Sencha Touch 2,Facebook Like,Sencha Architect,我对类似facebook的按钮有问题。在facebook开发者中，facebook为我们提供了3种不同的方法来将like按钮集成到我们的应用程序中。在本例中，我使用了所有3种方法我在sencha architect touch中创建了3个按钮（Ext.Button）。在创建了一个基本函数后，我将传递给HTML按钮配置3种方法： var me=这个， htmlStrBase， htmlStr， htmlStrBase1， htmlStr1， htmlStrBase2， htmlStr2 ht

我对类似facebook的按钮有问题。在facebook开发者中，facebook为我们提供了3种不同的方法来将like按钮集成到我们的应用程序中。在本例中，我使用了所有3种方法

我在sencha architect touch中创建了3个按钮（Ext.Button）。在创建了一个基本函数后，我将传递给HTML按钮配置3种方法：


var me=这个，
htmlStrBase，
htmlStr，
htmlStrBase1，
htmlStr1，
htmlStrBase2，
htmlStr2
htmlStrBase = '<div class="fb-like" data-href="https://www.facebook.com/tecnitalia?ref=ts&fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>';
htmlStrBase1 = '<iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/tecnitalia?ref=ts&fref=ts&amp;width&amp;layout=button&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=35&amp;appId=838403862859130" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>';
htmlStrBase2 = '<html xmlns:fb="http://ogp.me/ns/fb#"><fb:like href="https://www.facebook.com/tecnitalia?ref=ts&fref=ts" layout="button" action="like" show_faces="false" share="false"></fb:like>';

me.getLikebutton().setHtml(htmlStrBase);
me.getLikebutton1().setHtml(htm

lStrBase1);
me.getLikebutton2().setHtml(htmlStrBase2);

最终的结果是，在桌面上，它功能完美，但在我的android应用程序上还没有…我没有看到任何类似的按钮

我最后要说的是…如果我直接在html按钮配置中复制这3个方法中的一个，我可以在我的应用程序上看到like按钮。但我无法在HTML配置按钮中直接复制此方法，因为每次用户登录我的应用程序时，我都需要更改facebook地址

有人可以帮助我，并知道一个方法，集成在我的应用程序一样的按钮DINAMICAL？非常感谢。卡洛

嗨，吉拉德。谢谢。这是函数，但我有另一个问题。在android上登录后，它会显示一个空白页面！！！！不适用于桌面上的mozilla或Firefox。非常感谢。

卡洛

对我来说，一件与众不同的事情是在我的带有

fb root

id的面板已经就位之后添加Facebook脚本

在这里，我创建了一个

容器

，其中有一个底部工具栏和另一个容器（fb root），该容器在Sencha页面上有一个Like按钮

Ext.create('Ext.Container', {
    fullscreen: true,
    html : 'My Sencha touch panel',
    items: [
        {
            docked: 'top',
            xtype: 'titlebar',
            title: 'Sencha Touch',
        },{
            docked: 'bottom',
            xtype: 'toolbar',
            ui: 'light',
            items: [{
                xtype: 'container',
                id: 'fb-root',
                width: 50,
                height: 20
            }]
        }
    ],
    listeners: {
        initialize : function (container) {
            (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_US/sdk.js#xfbml=1&version=v2.0";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

            var html = '<div class="fb-like" data-href="https://www.facebook.com/senchainc" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>';
            container.query('toolbar container')[0].setHtml(html);
        }
    }
});

Ext.create（'Ext.Container'{
全屏：对，
html:“我的Sencha触摸屏”，
项目：[
{
停靠：“顶部”，
xtype:'标题栏'，
标题：“Sencha Touch”，
},{
停靠：“底部”，
xtype:'工具栏'，
ui:“轻”，
项目：[{
xtype:'容器'，
id:'fb根'，
宽度：50，
身高：20
}]
}
],
听众：{
初始化：函数（容器）{
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.0”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
var html=''；
container.query（'toolbar container'）[0].setHtml（html）；
}
}
});

小提琴：

谢谢Guillerme…你能看到我在你回复下面的帖子吗？我有一个问题，没有必要查询您的组件。只需将最后一行更改为：

container.setHtml（html）。请删除你的答案，这不是你应该问更多问题的方式。嗨，吉拉德。谢谢。这是函数，但我有另一个问题。在android上登录后，它会显示一个空白页面！！！！不适用于桌面上的mozilla或Firefox。谢谢你，卡洛
Ext.create('Ext.Container', {
    fullscreen: true,
    html : 'My Sencha touch panel',
    items: [
        {
            docked: 'top',
            xtype: 'titlebar',
            title: 'Sencha Touch',
        },{
            docked: 'bottom',
            xtype: 'toolbar',
            ui: 'light',
            items: [{
                xtype: 'container',
                id: 'fb-root',
                width: 50,
                height: 20
            }]
        }
    ],
    listeners: {
        initialize : function (container) {
            (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_US/sdk.js#xfbml=1&version=v2.0";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

            var html = '<div class="fb-like" data-href="https://www.facebook.com/senchainc" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>';
            container.query('toolbar container')[0].setHtml(html);
        }
    }
});