我一直在使用 sencha touch 2 开发应用程序。
我在顶部有一个工具栏,其中包含一个按钮。
当我单击此按钮时,我将有一个 面板覆盖 .在此面板中,我想有两个项目:
var shareButton = {
xtype : 'button',
ui: 'action',
width:'36px',
height:'36px',
handler : function(){
var panel=Ext.create('Ext.Panel',{
right: 0,
top: 20,
modal: true,
hideOnMaskTap: true,
hidden: true,
width: 260,
height:'70%' ,
styleHtmlContent: true,
scrollable: true,
items: [
{html:'<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.google.com" data-lang="en">Tweet</a></body>',},
{html:'<div ><class="fb-like" data-href="http://test.com" data-send="false" data-layout="button_count" data-width="4" data-show-faces="false"></div>'}]});
Ext.Viewport.add(panel);
panel.show();}};
但这行不通。
事实上,我希望第一个将我引导到推特以分享URL(www.google.com)。
第二个到Facebook分享"test.com"。
不幸的是,面板中没有显示任何内容。
谢谢。
由于覆盖层是在页面加载后调用的,因此 facebook 和 Twitter 按钮应再次呈现
这是显示覆盖后应添加的代码
FB.XFBML.parse();//facebook
$.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache:true}); //twitter
我有用。唯一的问题是Facebook喜欢按钮没有大小,所以你看不到它。
确保浮动面板不可滚动。如果它是可滚动的,请为其提供固定的宽度和高度。
更新
以下是煎茶小提琴的一个例子: http://www.senchafiddle.com/#jgXtj
确保将面板添加到Ext.Viewport
中。