Sencha touch Sencha Touch：设置自动加载以包含html文件

我在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);

在“评论”选项卡上，我试图包含一个disqs.html文件，该文件与我的应用程序的index.html文件处于同一级别，但没有显示任何内容。通过谷歌搜索，我似乎输入了正确的自动加载代码，但也许我错过了另一个步骤

有人能在路上帮我吗

谢谢

尼克

密码：

<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>

/***配置变量：粘贴到网页前编辑***/
var discus_shortname=‘monthlymixup’；//必需：将示例替换为论坛短名称
//以下是强烈建议的附加参数。去掉前面的斜线以便使用。
var Discus_标识符=‘测试’；
//var discus_url='1〕http://example.com/permalink-to-page.html';
/***请勿在此行下方编辑***/
（功能（）{
var dsq=document.createElement（'script'）；dsq.type='text/javascript'；dsq.async=true；
dsq.src='http://'+discus_shortname+'.discus.com/embed.js'；
（document.getElementsByTagName（'head'）[0]| | document.getElementsByTagName（'body'）[0]）.appendChild（dsq）；
})();
请启用JavaScript以查看

仅在ext.js中提供“自动加载”属性，但在sencha touch中尚不可用

但您可以这样做（您的里程数会有所不同）：

（discus.html）

你好，世界。

仅在ext.js中提供“自动加载”属性，但在sencha touch中尚不可用

但您可以这样做（您的里程数会有所不同）：

（discus.html）

你好，世界。

我想带一段代码，用于获取外部html。正如您可能注意到的，您应该使用回调函数，而不是success函数。不知道为什么，结果往往导致功能失效

    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,
        }
    });

---

我想带上一段代码，用来获取外部html。正如您可能注意到的，您应该使用回调函数，而不是success函数。不知道为什么，结果往往导致功能失效

    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,
        }
    });

---

谢谢我已尝试实施您的解决方案。当我将disqs.html包含在与index.html相同的级别时，选项卡3中不会显示任何内容。在包含它之前，我刚刚得到了标签3中的html“3”。是否应该在选项卡3中显示disqs.html？对我来说是这样的，您是在web服务器中运行还是通过命令行的“file://”打开？如果我从命令行运行它，我确实得到了3，b/c我得到了一个“origin”错误。我用Chrome进行了测试，控制台提供了很多信息。我是从Web服务器上运行的。您的discus.html字段的内容是什么？我已经在上面添加了我的内容。谢谢。我已尝试实施您的解决方案。当我将disqs.html包含在与index.html相同的级别时，选项卡3中不会显示任何内容。在包含它之前，我刚刚得到了标签3中的html“3”。是否应该在选项卡3中显示disqs.html？对我来说是这样的，您是在web服务器中运行还是通过命令行的“file://”打开？如果我从命令行运行它，我确实得到了3，b/c我得到了一个“origin”错误。我用Chrome进行了测试，控制台提供了很多信息。我是从Web服务器上运行的。您的discus.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,
        }
    });