【问题标题】:How to automatically reload frame in EXTJS?如何在 EXTJS 中自动重新加载框架?
【发布时间】:2021-07-18 17:38:42
【问题描述】:

我在 EXTJS 中有一个 iframe 组件,我在其中加载外部 html 文件:

        {
                xtype: "component",
                border: false,
                layout: 'fit',
                flex: 1,
                autoEl: {
                    width: '100%',
                    height: '100%',
                    tag: "iframe",
                    src: 'resources/startpage/index.html'
                }
        }    

我希望 iframe 在我更改外部 html 文件时自动加载新内容,但它会加载缓存中的先前文件。有办法吗?

类比图片文件,我试着把

src: 'resources/startpage/index.html' + '?_dc=' + (new Date())*1

但这不起作用,

【问题讨论】:

    标签: javascript html caching iframe extjs


    【解决方案1】:

    您是否尝试将其绑定到视图模型

    view.js

    {
      xtype: 'container',
      bind: {
        html: '<iframe src="resources/startpage/index.html?_dc={myDc}" style="width: 100%; height: 100%; border: none;"/>'
      }
    }
    
    

    viewmodel.js

     formulas: {
      myDc: {
        get(){
          return (new Date())*1;
        }
      }
    }
    

    【讨论】:

    • 谢谢罗伯特 R。这行得通。但是,如果我加载的页面包含指向其他页面的链接,例如&lt;a class="myclass" href="about.html"&gt;About&lt;/a&gt;,并且如果我更改about.html,则会出现同样的问题(页面 about.html)。那么,解决这个问题的策略是什么?另外,如何在html中包含?_dc=
    猜你喜欢
    • 1970-01-01
    • 2017-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-11
    • 2014-09-10
    • 1970-01-01
    • 2020-04-14
    相关资源
    最近更新 更多