Question

我有一个iframe，在从剑道日期选择器中读取信息时，可以确定是否需要加载哪些数据，该iframe在按下按钮时会刷新。 iframe具有onlaod gif，表示它在初始化时仍在加载数据，在此示例中，此过程最多可能需要20秒。获取新数据/刷新iframe时要使用的加载栏。任何想法如何实现这种行为？就像再次调用onload

<iframe id="iframeExample"
        frameborder="0"
        border="0"
        marginwidth="0"
        marginheight="0"
        style="border: none; margin-left: 10px; padding: 1px; margin-top: 5px; display: block;"
        height="500px"
        width="98%"
        runat="server"
        src='@Url.Action("Action","Controller", new { Id1= @Model.Id1, Id2 = @Model.Id2 })'
        onload="document.getElementById('loadImg').style.display='none';"></iframe>

用于加载的图像 <div id="loadImg"><img id="image" src="~/Content/Kendo/2018.1.117/Bootstrap/loading-image.gif" /></div>

及以下内容刷新iframe

var ActionUrl = "@Html.Raw(@Url.Action("Action", "Controller", new { Id1 ="_PLACEHOLDER_ID1_", Id2= "_PLACEHOLDER_ID2_" }))";

function refreshIFrame() {
    debugger;
    var Id1= $("#Id1").val();
    var dtId2 = $("#Id1").getKendoDatePicker().value();
    var Id2 = kendo.toString(dtId2, "yyyy-MM-dd");
    document.getElementById("iframeExample").contentDocument.location.href = ActionUrl.replace("_PLACEHOLDER_ID1_", Id1).replace("_PLACEHOLDER_ID2_", Id2);
}

谢谢您的提示和提示

通过location.href

0 个答案: