Refresh Existing Grid (PartialView) with New Data on Ajax CallHow to manage a redirect request after a jQuery Ajax callASP.net MVC3 - Razor Views and PartialViews with Ajax PostbacksHow to make an AJAX call without jQuery?Ajax beginform not working in JQuery in PartialView MVCMVC .NET Refresh (Update) PartialView witout AJAXRendar partial view in another partial view along with data model using jQuery .Ajax functionRender partial view with webgrid control via ajax callRefresh Kendo grid on PartialViewResult updateCannot update Partialview after Ajax post in MVChow to delay ajax response - asp.net mvc using partialview

How do I preserve the line ordering for two "equal" strings while sorting and ignoring the case?

Ambiguous behaviour in casting

Sci-fi movie featuring octopus type alien

Why is the Tm defined as the temperature at which 50% of dsDNA has changed into ssDNA?

SCOTUS - Can Congress overrule Marbury v. Madison by statute?

Was Robin Hood's point of view ethically sound?

What is going on: C++ std::move on std::shared_ptr increases use_count?

Is there a sentence that begins with “them”?

What's the biggest difference between these two photos?

Does the word “uzi” need to be capitalized?

How is lower/no gravity simulated on a planet with gravity, without leaving the surface?

Is there a standard terminology for female equivalents of terms such as 'Kingdom' and if so, what are the most common terms?

Is English tonal for some words, like "permit"?

Why are walk-ins for Global Entry interview typically only accepted when arriving from an international flight?

Why was "leaping into the river" a valid trial outcome to prove one's innocence?

Number of aircraft to operate in an airline company

Has any object launched from Earth permanently gone into the sun?

When did computers stop checking memory on boot?

CBP interview, how serious should I take it?

Do Milankovitch Cycles fully explain climate change?

Is there a star over my head?

Change-due function

Do any aircraft carry boats?

How can "life" insurance prevent the cheapening of death?



Refresh Existing Grid (PartialView) with New Data on Ajax Call


How to manage a redirect request after a jQuery Ajax callASP.net MVC3 - Razor Views and PartialViews with Ajax PostbacksHow to make an AJAX call without jQuery?Ajax beginform not working in JQuery in PartialView MVCMVC .NET Refresh (Update) PartialView witout AJAXRendar partial view in another partial view along with data model using jQuery .Ajax functionRender partial view with webgrid control via ajax callRefresh Kendo grid on PartialViewResult updateCannot update Partialview after Ajax post in MVChow to delay ajax response - asp.net mvc using partialview






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I have a PartialView which renders a Grid using a List of Model Class passed from the controller.



@model IEnumerable<DeliveryDashboard.Models.UpcomingDMR>

@Html.Partial("~/Views/Shared/_DMRGrid.cshtml", Model)


The Grid Renders perfectly. Now I have added a Drop down at the top of the Grid.



in the OnChange event of the Drop down, I need to hit the controller and get an Updated list of Same Model Class which should refresh the existing Grid.



<script type="text/javascript">

$(function ()
//Refresh Grid on Date Range Change
$('#DateRange').change(function ()

$.ajax(
url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
dataType: 'json',
type: 'POST',
data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
contentType: 'application/json',
success: function (result)
// Refresh partialView Here

);
);
);




My controller code returns the List of Model Class which I need to use to bind the Partial View.



public List<UpcomingDMR> UpcomingDMRByDateRange(string DateRange)

// get data from database and prepare List<UpcomingDMR>
return NewDataList;



Now How can I refresh my partial View from the Success block of my Ajax Call ?










share|improve this question






























    0















    I have a PartialView which renders a Grid using a List of Model Class passed from the controller.



    @model IEnumerable<DeliveryDashboard.Models.UpcomingDMR>

    @Html.Partial("~/Views/Shared/_DMRGrid.cshtml", Model)


    The Grid Renders perfectly. Now I have added a Drop down at the top of the Grid.



    in the OnChange event of the Drop down, I need to hit the controller and get an Updated list of Same Model Class which should refresh the existing Grid.



    <script type="text/javascript">

    $(function ()
    //Refresh Grid on Date Range Change
    $('#DateRange').change(function ()

    $.ajax(
    url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
    dataType: 'json',
    type: 'POST',
    data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
    contentType: 'application/json',
    success: function (result)
    // Refresh partialView Here

    );
    );
    );




    My controller code returns the List of Model Class which I need to use to bind the Partial View.



    public List<UpcomingDMR> UpcomingDMRByDateRange(string DateRange)

    // get data from database and prepare List<UpcomingDMR>
    return NewDataList;



    Now How can I refresh my partial View from the Success block of my Ajax Call ?










    share|improve this question


























      0












      0








      0








      I have a PartialView which renders a Grid using a List of Model Class passed from the controller.



      @model IEnumerable<DeliveryDashboard.Models.UpcomingDMR>

      @Html.Partial("~/Views/Shared/_DMRGrid.cshtml", Model)


      The Grid Renders perfectly. Now I have added a Drop down at the top of the Grid.



      in the OnChange event of the Drop down, I need to hit the controller and get an Updated list of Same Model Class which should refresh the existing Grid.



      <script type="text/javascript">

      $(function ()
      //Refresh Grid on Date Range Change
      $('#DateRange').change(function ()

      $.ajax(
      url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
      dataType: 'json',
      type: 'POST',
      data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
      contentType: 'application/json',
      success: function (result)
      // Refresh partialView Here

      );
      );
      );




      My controller code returns the List of Model Class which I need to use to bind the Partial View.



      public List<UpcomingDMR> UpcomingDMRByDateRange(string DateRange)

      // get data from database and prepare List<UpcomingDMR>
      return NewDataList;



      Now How can I refresh my partial View from the Success block of my Ajax Call ?










      share|improve this question














      I have a PartialView which renders a Grid using a List of Model Class passed from the controller.



      @model IEnumerable<DeliveryDashboard.Models.UpcomingDMR>

      @Html.Partial("~/Views/Shared/_DMRGrid.cshtml", Model)


      The Grid Renders perfectly. Now I have added a Drop down at the top of the Grid.



      in the OnChange event of the Drop down, I need to hit the controller and get an Updated list of Same Model Class which should refresh the existing Grid.



      <script type="text/javascript">

      $(function ()
      //Refresh Grid on Date Range Change
      $('#DateRange').change(function ()

      $.ajax(
      url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
      dataType: 'json',
      type: 'POST',
      data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
      contentType: 'application/json',
      success: function (result)
      // Refresh partialView Here

      );
      );
      );




      My controller code returns the List of Model Class which I need to use to bind the Partial View.



      public List<UpcomingDMR> UpcomingDMRByDateRange(string DateRange)

      // get data from database and prepare List<UpcomingDMR>
      return NewDataList;



      Now How can I refresh my partial View from the Success block of my Ajax Call ?







      ajax asp.net-mvc asp.net-mvc-partialview






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 28 at 8:01









      BuggyCoderBuggyCoder

      6702 gold badges9 silver badges23 bronze badges




      6702 gold badges9 silver badges23 bronze badges

























          1 Answer
          1






          active

          oldest

          votes


















          0
















          You can do it like this in your success method :



          $(function () 
          //Refresh Grid on Date Range Change
          $('#DateRange').change(function ()

          $.ajax(
          url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
          dataType: 'json',
          type: 'POST',
          data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
          contentType: 'application/json',
          success: function (result)
          $("#your_partial_view_id").load('@Url.Action("Foo","Bar")',result)

          );
          );
          );





          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/4.0/"u003ecc by-sa 4.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%2f55392669%2frefresh-existing-grid-partialview-with-new-data-on-ajax-call%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









            0
















            You can do it like this in your success method :



            $(function () 
            //Refresh Grid on Date Range Change
            $('#DateRange').change(function ()

            $.ajax(
            url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
            dataType: 'json',
            type: 'POST',
            data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
            contentType: 'application/json',
            success: function (result)
            $("#your_partial_view_id").load('@Url.Action("Foo","Bar")',result)

            );
            );
            );





            share|improve this answer





























              0
















              You can do it like this in your success method :



              $(function () 
              //Refresh Grid on Date Range Change
              $('#DateRange').change(function ()

              $.ajax(
              url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
              dataType: 'json',
              type: 'POST',
              data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
              contentType: 'application/json',
              success: function (result)
              $("#your_partial_view_id").load('@Url.Action("Foo","Bar")',result)

              );
              );
              );





              share|improve this answer



























                0














                0










                0









                You can do it like this in your success method :



                $(function () 
                //Refresh Grid on Date Range Change
                $('#DateRange').change(function ()

                $.ajax(
                url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
                dataType: 'json',
                type: 'POST',
                data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
                contentType: 'application/json',
                success: function (result)
                $("#your_partial_view_id").load('@Url.Action("Foo","Bar")',result)

                );
                );
                );





                share|improve this answer













                You can do it like this in your success method :



                $(function () 
                //Refresh Grid on Date Range Change
                $('#DateRange').change(function ()

                $.ajax(
                url: '@Url.Content("~/DMR/UpcomingDMRByDateRange/")',
                dataType: 'json',
                type: 'POST',
                data: JSON.stringify( DateRange: $('#DateRange option:selected').val() ),
                contentType: 'application/json',
                success: function (result)
                $("#your_partial_view_id").load('@Url.Action("Foo","Bar")',result)

                );
                );
                );






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 28 at 15:25









                BatuhanBatuhan

                3923 silver badges14 bronze badges




                3923 silver badges14 bronze badges





















                    Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.







                    Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.




















                    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.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55392669%2frefresh-existing-grid-partialview-with-new-data-on-ajax-call%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

                    How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

                    155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

                    Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?