extjs 4 获取服务器对视口的响应答案

【问题标题】：extjs 4 get server response to a viewportextjs 4 获取服务器对视口的响应
【发布时间】：2013-11-18 23:47:57
【问题描述】：

我是 Extjs 的新手。

我有一个 index.html 文件，其中包含一个 Ext.OnReady() 函数。创建了一个包含不同区域中的多个项目的视口。视口中的每个项目都有 'html' 属性，包含一个 iframe 标记。

例如，其中一个地区：

region: 'center',
bodyBorder:false,
id: '...',
html: '<iframe SRC="./bla/bla" id="..." name="..."></iframe>'

一切正常，但我想用其他方法替换 iframe。是否有其他方法可以获取服务器响应并将其加载到视口的区域中？

我尝试将 'html' 属性替换为 'url' 属性，但没有成功。

region: 'center',
bodyBorder:false,
id: '...',
url: './bla/bla'

【问题讨论】：

如果你只需要几个 iframe，你肯定不需要 ExtJS。您的应用程序的目标是什么？你想要完成什么？ ExtJS 是关于从服务器获取数据并在客户端控件中使用的。应用程序应该是客户端，而不是服务器端推送到 iframe - 如果你想去构建应用程序的 ExtJS 路线。
应用程序已经存在，我只需要做这个小修改。我只需要摆脱 iFrame 并替换它们是另一回事。一切都应该照常工作..

【解决方案1】：

如果应用程序已经存在，您还没有使用 ExtJS 构建应用程序？如果您确实使用 ExtJS 构建了单独的应用程序，并且想要集成到一个应用程序中，那么您可能会遇到名称冲突。

您无需将单独的 html 文件添加到每个区域的“html”中，而是将应用包含的视图文件添加为边框布局中每个区域的项目集合中的项目。

例如，查看 MVC 教程。 Here's a good start.

我不知道你为什么认为这是一个“小改动”？您的视图应该是 ExtJS 组件，而不是 html 文件。

【讨论】：

应用程序有一个主屏幕，它的布局是用 ExtJS 构建的。布局是一个具有多个区域的视口，每个区域都包含一个 Iframe（使用标记），它从服务器获取响应并显示它。我只需要将 iframe 更改为其他内容，另一种将页面作为响应从服务器返回到该区域的方法，这可能吗？
有可能，但这不是您构建客户端应用程序的方式。你不应该在这个应用程序中使用 ExtJS，因为大多数视图都是在 iframe 中生成服务器端的。那是一个服务器端呈现的应用程序。如果你想要的只是一个边框布局，你就不需要 ExtJS。可以改用几行 JQuery/CSS 来完成。
问题是应用程序现在已经存在，我不想过多地改变它的基础。我只需要用其他东西替换 iFrame。我对 Ext JS 不太了解，所以我只是简单地尝试了 'url' 标签，但它不起作用，还有其他方法吗？
“我只需要用其他东西替换 iFrame。”用 ExtJS 替换 iframe 在各方面都是错误的。这不是你应该做的。如果唯一的要求是“替换 iframe”，则该要求是错误的。保留 iframe。
对不起，这不是我的电话。难道没有一种简单的方法可以将来自服务器的 HTML 响应加载到视口的区域中吗？