Javascript automatic datagrid reload












0














In my DotNet Core web application I have the following snippet of javascript:



<script type="text/javascript">

setTimeout(function () {
$("#gridContainer").dxDataGrid("refresh");
}, 5000);

</script>


What I want to happen, is every 30 seconds I want my projects datagrid to refresh. I don't want the whole page to reload, only the datagrid. The line that does this is:



$("#gridContainer").dxDataGrid("refresh");


However, when I place it in the setTimeout this only gets called once. When I want it to be called every 30 seconds.



Could someone please enlighten me as to what I'm doing wrong, and what the best way to achive this would be?



The refresh needs to happen automatically and not on a button press.










share|improve this question



























    0














    In my DotNet Core web application I have the following snippet of javascript:



    <script type="text/javascript">

    setTimeout(function () {
    $("#gridContainer").dxDataGrid("refresh");
    }, 5000);

    </script>


    What I want to happen, is every 30 seconds I want my projects datagrid to refresh. I don't want the whole page to reload, only the datagrid. The line that does this is:



    $("#gridContainer").dxDataGrid("refresh");


    However, when I place it in the setTimeout this only gets called once. When I want it to be called every 30 seconds.



    Could someone please enlighten me as to what I'm doing wrong, and what the best way to achive this would be?



    The refresh needs to happen automatically and not on a button press.










    share|improve this question

























      0












      0








      0







      In my DotNet Core web application I have the following snippet of javascript:



      <script type="text/javascript">

      setTimeout(function () {
      $("#gridContainer").dxDataGrid("refresh");
      }, 5000);

      </script>


      What I want to happen, is every 30 seconds I want my projects datagrid to refresh. I don't want the whole page to reload, only the datagrid. The line that does this is:



      $("#gridContainer").dxDataGrid("refresh");


      However, when I place it in the setTimeout this only gets called once. When I want it to be called every 30 seconds.



      Could someone please enlighten me as to what I'm doing wrong, and what the best way to achive this would be?



      The refresh needs to happen automatically and not on a button press.










      share|improve this question













      In my DotNet Core web application I have the following snippet of javascript:



      <script type="text/javascript">

      setTimeout(function () {
      $("#gridContainer").dxDataGrid("refresh");
      }, 5000);

      </script>


      What I want to happen, is every 30 seconds I want my projects datagrid to refresh. I don't want the whole page to reload, only the datagrid. The line that does this is:



      $("#gridContainer").dxDataGrid("refresh");


      However, when I place it in the setTimeout this only gets called once. When I want it to be called every 30 seconds.



      Could someone please enlighten me as to what I'm doing wrong, and what the best way to achive this would be?



      The refresh needs to happen automatically and not on a button press.







      javascript datagrid .net-core devexpress






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 12 at 15:41









      N0xus

      1,317742101




      1,317742101
























          1 Answer
          1






          active

          oldest

          votes


















          1














          For repeating, you should use setInterval():



          setInterval(function () {
          $("#gridContainer").dxDataGrid("refresh");
          }, 5000);


          setTimeout(function, milliseconds) -> Executes a function, after waiting a specified number of milliseconds.



          setInterval(function, milliseconds) -> Same as setTimeout(), but repeats the execution of the function continuously.






          share|improve this answer





















            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265500%2fjavascript-automatic-datagrid-reload%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            1














            For repeating, you should use setInterval():



            setInterval(function () {
            $("#gridContainer").dxDataGrid("refresh");
            }, 5000);


            setTimeout(function, milliseconds) -> Executes a function, after waiting a specified number of milliseconds.



            setInterval(function, milliseconds) -> Same as setTimeout(), but repeats the execution of the function continuously.






            share|improve this answer


























              1














              For repeating, you should use setInterval():



              setInterval(function () {
              $("#gridContainer").dxDataGrid("refresh");
              }, 5000);


              setTimeout(function, milliseconds) -> Executes a function, after waiting a specified number of milliseconds.



              setInterval(function, milliseconds) -> Same as setTimeout(), but repeats the execution of the function continuously.






              share|improve this answer
























                1












                1








                1






                For repeating, you should use setInterval():



                setInterval(function () {
                $("#gridContainer").dxDataGrid("refresh");
                }, 5000);


                setTimeout(function, milliseconds) -> Executes a function, after waiting a specified number of milliseconds.



                setInterval(function, milliseconds) -> Same as setTimeout(), but repeats the execution of the function continuously.






                share|improve this answer












                For repeating, you should use setInterval():



                setInterval(function () {
                $("#gridContainer").dxDataGrid("refresh");
                }, 5000);


                setTimeout(function, milliseconds) -> Executes a function, after waiting a specified number of milliseconds.



                setInterval(function, milliseconds) -> Same as setTimeout(), but repeats the execution of the function continuously.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 12 at 15:47









                J. Almandos

                1828




                1828






























                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.





                    Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                    Please pay close attention to the following guidance:


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265500%2fjavascript-automatic-datagrid-reload%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    List item for chat from Array inside array React Native

                    Thiostrepton

                    Caerphilly