2

ExtJ は初めてです。TwitterでTwitterウィジェットを作成しました。単純な html ページで問題なく動作します。Twitterが言うように、含める必要があるだけです

<a class="twitter-timeline" href="https://twitter.com/search?q=%23certain" data-widget-id="widget-id">Tweets about "#certain"</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

これをhtmlに配置すると、UIに美しいウィジェットが作成されますが、これをextjsパネルに含めたいです。ハイパーリンクのみを作成し、ウィジェットは作成しません。誰でも私を助けることができますか？

4

3 に答える 3

1

JavaScript 部分をafterrenderパネルのリスナーに移動します。

Ext.widget('panel', {
    renderTo: Ext.getBody()
    ,title: "Tweeter!"
    ,width: 500
    ,height: 300
    ,html: '<a class="twitter-timeline" href="https://twitter.com/search?q=%23certain" data-widget-id="widget-id">Tweets about "#certain"</a>'
    ,listeners: {
        afterrender: function() {
            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
        }
    }
});
于 2013-09-06T15:39:24.480 に答える