Конфликт между GridViewScroll и Loading image в ASP.NET WebForms

В настоящее время я разрабатываю в asp.net c# , html5, javascript, css.

честно я не очень хороший в javascript и пробую решать темы исследуя.

Хорошо, у меня есть страница aspx, который показывает grid, но я заморозил этот grid первая колонна и первая линия. все это функционирует верно хорошо, пример это взял: gridviewscroll.aspcity.idv.tw

Это рукописный шрифт, который я использую в моем проекте http://gridviewscroll.aspcity.idv.tw/Scripts/gridviewScroll.min.js?20130319

С другой стороны, я захотел осуществить loading image, который я функционирует, но меня прерывает grid, он это ломает, появляется у меня без freeze и вне рамы. я отнесся к большим формам, в которой я заключил, что эти два сеньора производят мне конфликт, это один jquery который помогает мне в loading image.

http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

Есть какая-то форма, в которой они могли бы помогать мне, возможно выбирая справедливое и необходимое javascript для того, чтобы он нагрузил loading image, пример loading image я это взял отсюда:

http://www.aspsnippets.com/Articles/Display-loading-image-while-PostBack-calls-in-ASPNet.aspx

5
задан 28.01.2016, 19:27
3 ответа

Проблема состоит в том, что ты используешь jquery рядом с событиями asp.net, эта combinaciГіn никогда они не плохо ладили. Если идея состоит в том, чтобы использовать события, он мог бы помогать тебе с контролем ajax toolkit, как то, чтобы быть UpdateProgress

[Ов До I:] Упдатепрогресс Контроль использовал the ASP.NET AJAX?

я Должен комментировать тебе, что jquery и asp.net с Вашими событиями они не плохо ладят, ты был бы должен оценивать избегать использовать события и реализовывать операции посредством ajax, если ты используешь jquery, мог бы осуществлять $.ajax, чтобы призывать какой-то webmethod, определенный в aspx

привете

1
ответ дан 24.11.2019, 14:56

Я реализовал маленькое доказательство (меня озадачивал книжный магазин GridViewScroll потому что он не знал ее), и в меня оно я функционировало правильно.

GridViewScroll & Loader

Я думаю, что проблема не в несовместимости между GridViewScroll и изображение грузя. Возможно, что это вышеупомянутая, которая вызывает проблемы с твоим рисунком.

Здесь я оставляю фрагмент моего кода (ты считаешь это полным в этом GitHub Gist)

<asp:GridView ID="GridView1" runat="server"></asp:GridView>
<div class="loading" align="center">
    Loading. Please wait.<br /><br />
    <img src="Content/Images/loader.gif" alt="" />
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="http://gridviewscroll.aspcity.idv.tw/Scripts/gridviewScroll.min.js?20130319"></script> 
<script type="text/javascript"> 
    $(document).ready(function () { 
        gridviewScroll();

        $('form').live("submit", function () {
            ShowProgress();
        });
    }); 
    function gridviewScroll() { 
        $('#<%=GridView1.ClientID%>').gridviewScroll({ 
            width: 400, 
            height: 200, 
            freezesize: 1 
        }); 
    } 
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
</script>
1
ответ дан 24.11.2019, 14:56

первое, что я рекомендую тебе, состоит в том, чтобы ты проверил, если производится какая-то ошибка javascript, в котором случае было бы хорошим, что ты это размещаешь здесь, чтобы мочь идентифицировать лучше случай.

С другой стороны, я рекомендую тебе превосходный книжный магазин jQuery, который я использовал в нескольких проектах, чтобы показывать “loading” пока осуществляются процессы на странице: http://malsup.com/jquery/block/ в примерах ты можешь видеть, что ты можешь помещать loading на уровне всей страницы или на уровне элемента как твою необходимость.

Привет.

0
ответ дан 24.11.2019, 14:56