在Sencha觸摸2中的面板覆蓋2

我一直在使用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();}};

但是，這是行不通的。
事實上，我希望第一個引導我到twitter分享網址（www.google.com）。
第二個到Facebook分享「test.com」。

不幸的是，面板上沒有顯示任何內容。
謝謝。

來源

2012-04-23 holy

由於覆蓋被稱爲頁面加載後，在Facebook和Twitter的按鈕應該再次呈現

這是覆蓋顯示

FB.XFBML.parse();//facebook 
$.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache:true}); //twitter

來源

2012-04-25 14:09:48

這對我有用。唯一的問題是Facebook的按鈕沒有尺寸，所以你看不到它。

確保您的浮動面板不可滾動。如果它是可滾動的，給它一個固定的寬度和高度。

更新

這裏是煎茶小提琴一個例子：http://www.senchafiddle.com/#jgXtj

確保您要添加的面板爲Ext.Viewport。

來源

2012-04-23 17:31:19 rdougan

後，我試過兩個應該添加的代碼案例：1）可滾動和固定的寬度和高度和2）滾動錯誤。不固定 – holy 2012-04-23 17:37:17

我更新了答案，並附有示例鏈接。 – rdougan 2012-04-23 19:07:17

我跟着你的例子。面板實際上是工作，但FB像按鈕不會顯示，並且Twitter圖標不顯示：S – holy 2012-04-23 19:34:11

在Sencha觸摸2中的面板覆蓋2

回答

相關問題