none
updateprogress no Page_Load... RRS feed

  • Pergunta

  • Boa tarde galera...

    Estou precisando de um tutorial bem básico, para que meu UpdateProgress que já se encontra na MasterPage e funcionando normalmente apareça no Page_Load.

    Tenho uma página que traz o relatório direto, sem o usuário clicar em nada, só que esse relatório é bem complexo, e seu select é gigante, sendo assim fica muito tempo processando... Gostaria de colocar um UpdateProgress no Page_Load. Cacei no google, mas ta difícil. O UpdateProgress já funciona, qnd o usuário clica nos botões roda legal, mas no Page_Load não aparece.

    Alguma dica


    Marcos Paulo - Analista de Sistemas

    quinta-feira, 6 de novembro de 2014 18:48

Todas as Respostas

  • Na minha pagina eu fiz assim para que o usuario não ficasse sem saber o que fazer ou presumir que estava travado, coloque isso diretamente na pagina aspx que deseja que apareça o loadin ...carregando

     <style type="text/css">
        .modal
        {
            ;
            top: 0;
            left: 0;
            background-color: black;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 100%;
            width: 100%;
        }
        .loading
        {
            font-family: Arial;
            font-size: 10pt;
            border: 5px solid #67CFF5;
            width: 200px;
            height: 100px;
            display: none;
            ;
            background-color: White;
            z-index: 999;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        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);
        }
        $('form').live("submit", function () {
            ShowProgress();
        });
    </script>
    
    
    
    <div class="loading" align="center">
        Processando...<br />
        <br />
        <img src="Content/Images/loader.gif" alt="Carregando" />
    </div>



    quinta-feira, 6 de novembro de 2014 18:55
  • Na minha pagina eu fiz assim para que o usuario não ficasse sem saber o que fazer ou presumir que estava travado, coloque isso diretamente na pagina aspx que deseja que apareça o loadin ...carregando

     <style type="text/css">
        .modal
        {
            ;
            top: 0;
            left: 0;
            background-color: black;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 100%;
            width: 100%;
        }
        .loading
        {
            font-family: Arial;
            font-size: 10pt;
            border: 5px solid #67CFF5;
            width: 200px;
            height: 100px;
            display: none;
            ;
            background-color: White;
            z-index: 999;
        }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        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);
        }
        $('form').live("submit", function () {
            ShowProgress();
        });
    </script>
    
    
    
    <div class="loading" align="center">
        Processando...<br />
        <br />
        <img src="Content/Images/loader.gif" alt="Carregando" />
    </div>



    Bom dia, 
    Fiz tudo igual ao seu exemplo ae e nada... a página fica em branco e só quando termina de montar o relatório é q ela exibe alguma coisa... :/
    Alguma outra sugestão?
    Desde já agradeço sua atenção

    Abraço


    Marcos Paulo - Analista de Sistemas

    sexta-feira, 7 de novembro de 2014 10:07
  • Caso tenha conseguido a solução finalize sua Thread marcando a resposta

    GTSA vantagem de ser inteligente é que podemos fingir que somos imbecis enquanto ao contrario é completamente impossivel

    domingo, 28 de junho de 2015 14:56