All geek questions in one place

How can I reload a div using PartialView in ASP.NET MVC using jQuery?

I have a partial div inside somewhere on the page. I have an event on a button. How can I write Javascript that takes a div and reloads it, and also reloads the partial view.

I have it in a different view. But now I can’t do it. But I need the same thing to execute only jQuery and not directly on the page. Can I run, possibly, a simulated ajax code in a jQuery script, because its javascript is also right?

<%  using (Ajax.BeginForm("EditFeiertag", new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "feiertage" }))
    {  %>
<div id="feiertage">
    <% Html.RenderPartial("FeiertagTable"); %>
</div>
<%  } %>

I would help me if I could run the script above by triggering a click event or something like this

+3
source share
1

:

public class FeiertagController
{
    IFeiertagService feiertagService = new FeiertagService();

    public ActionResult EditFeiertag()
    {
        // ... return your main edit view
        return View();
    }

    // Will be called by your jquery ajax call
    public PartialResult GetFeiertagTable()
    {
        var feiertagData = messageService.getLatestFeiertagData();
        var viewModel = new FeiertagViewModel();
        feiertagViewModel.feirtagTableData = feiertagData;

        return PartialView("FeiertagTableView", viewModel);
    }

}

, EditFeiertag() , GetFeiertagTable(), .

, , , - :

<div id="Container">
    <div id="LeftPanel">
        // ... Some menu items
    </div>
    <div id="RightPanel">
        <a id="ReloadLink" href="#">Reload Table</a>
        <div id="FeiertagTable>
            <% Html.RenderPartial("FeiertagTable", Model.feiertagTableData); %>
        </div>
    </div>
</div>

. Feiertag, ( #ReloadLink).

:

<head>
        <script src="../../Scripts/Jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                $('#ReloadLink').click(function(e)
                {
                    e.preventDefault();  // stop the links default behavior
                    $('#FeiertagTable').load('/Feiertag/GetFeiertagTable');
                });
            });
        </script>
</head>

click , jquery load(). ajax get, div (FeiertagTable), , .

GetFeiertagTable() , div.

, !

+8

Source: https://habr.com/ru/post/1717837/

More articles:


All Articles