Панель загрузки для iframe при перезагрузке через location.href - PullRequest
Новая
       24

Панель загрузки для iframe при перезагрузке через location.href

0 голосов
/ 06 июля 2018

У меня есть iframe, который обновляется при нажатии кнопки во время чтения из средства выбора даты кендо информации, чтобы решить, какие данные необходимо загрузить. У iframe есть встроенный 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);
}

Спасибо за любые советы и подсказки

...