0

我有几个子视图的外壳视图 - 看起来像那样并且工作正常。

<div id="shellView" style="display: none;">
<div id="tabView" data-bind="with: Tab(), visible: State() === 'Tab'">
    @Html.Partial("Tab")
</div>
<div id="tab2View" data-bind="with: Tab2(), visible: State() === 'Tab2'">
    @Html.Partial("Tab")
</div>

问题是在切换选项卡时（仅在 chrome 上）。一个选项卡有一个与剔除绑定的图像列表 - 所有图像在控制器上都有 src 到 Action (RedirectResult)，它重定向到我们的服务器或客户端服务器并下载图像：

   [HttpGet]
    public RedirectResult DynUrl(int id, string size)

第二个选项卡此时是空的 - 但是当我切换到它们时，谷歌浏览器会请求所有 DynUrl 再次下载图像 - 当前已下载 - 只是隐藏了。

我正在使用淘汰赛 2.1.0。

4

1 回答 1

1

应该像

<div id="shellView" style="display: none;">
<!-- ko with: Tab -->
<div id="tabView" data-bind="attr: {display: isVisible}">
    @Html.Partial("Tab")
</div>
<!-- /ko -->
<!-- ko with: Tab2 -->
<div id="tab2View" data-bind="attr: {display: isVisible}">
    @Html.Partial("Tab")
</div>
<!-- /ko -->

并放一个

this.isVisible = ko.computed(function(){
if(self.visibleState())return 'block';
else return 'none';
});

在选项卡视图模型上

于 2013-02-18T10:53:49.670 回答