Sencha Touch: настройка автозагрузки для включения HTML-файла - PullRequest
Новая
       6

Sencha Touch: настройка автозагрузки для включения HTML-файла

0 голосов
/ 28 апреля 2011

Я установил в Sencha Touch простую панель с двумя вкладками: 

ToolbarDemo.views.Homecard = Ext.extend(Ext.TabPanel, {
    title: "home",
    iconCls: "home",
    defaults: {
        styleHtmlContent: true
    },
    items: [{
        title: 'Playlist',
        scroll: 'vertical',
        html: 'test'
    },{
        title: 'Comments',
        scroll: 'vertical',
        autoLoad: {url: 'disqus.html', scripts: true}
    }]
});

Ext.reg('homecard', ToolbarDemo.views.Homecard);

На вкладке «Комментарии» я пытаюсь включить файл disqus.html, который находится на том же уровне, что и файл index.html для моего приложения, но ничего не отображается. Судя по поиску в Google, может показаться, что я правильно ввел код автозагрузки, но, возможно, я пропустил еще один шаг?

Может ли кто-нибудь помочь мне в моем пути?

Спасибо

Ник

Код Disqus: 

<div id="disqus_thread"></div>

    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'monthlymixup'; // required: replace example with your forum shortname

        // The following are highly recommended additional parameters. Remove the slashes in front to use.
        var disqus_identifier = 'test';
        // var disqus_url = 'http://example.com/permalink-to-page.html';

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

Ответы [ 2 ]

3 голосов
/ 28 апреля 2011

Свойство autoLoad доступно только в ext.js и еще не доступно в sencha-touch.

Но вы можете сделать что-то вроде этого (ваш пробег будет разным): 

Ext.setup({
onReady: function() {
    var tabPanel = new Ext.TabPanel({
        fullscreen: true,
        type: 'dark',
        sortable: true,
        items: [{
            title: 'Tab 1',
            html: '1',
            cls: 'card1',
        }, {
            title: 'Tab 2',
            html: '2',
            cls: 'card2'
        },
        {
            title: 'Tab 3',
            html: '3',
            cls: 'card3'
        }]
    });
    Ext.Ajax.request({
      url: 'disqus.html',
      success: function(response, opts) {
      tabPanel.items.get(2).update(response.responseText, true);  //2nd parameter is "loadScripts"
    }
    });
  }
});

(disqus.html) 

<html>
  <head>
  </head>
  <body>Hello World.</body>
</html>
0 голосов
/ 07 октября 2011

Я хотел бы принести кусок кода, который я использую, чтобы получить внешний HTML.Как вы можете заметить, вы должны использовать функцию обратного вызова вместо функции успеха.Не уверен, почему, часто результат переходит к функции отказа. 

    Ext.Ajax.request({
        url: url,
        method: 'GET',
        callback: function(options, success, response) {
            // do what you need with response.responseText
            // I'm updating a panel with styleHtmlContent: true,
        }
    });
...