仅刷新提交的部分视图

Question

我有一个主页（index.cshtml），其中包含多个divs。

divs包含IGNITE UI网格及其编辑。

<div id="grid">           
    <p>
        <a id='openDialog' href='Home/ManageContact?cntID=0&command=create' class='openDialog ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' style="color: black;">ADD CONTACT
            @*<button>ADD CONTACT</button>*@</a>
    </p>
    <span><table id="contactGrid" style="width: auto;"></table></span>
</div>

我在带有Html.BeginForm表单的单独部分视图中具有该网格的编辑器。我将网格放在另一个单独的视图中。我要做的是，当我在编辑部分中单击提交时，只有此网格将被刷新而不是整个索引页面。我的更新功能是将其重定向到Index()方法，我试图将其重定向到GridPartialView()，但它不起作用。它将网格加载到另一页中。

您能告诉我如何实现这一目标？

Answer 1

您应该尽力将内联CSS分离为单独的CSS文件，以使编码更清晰

无论如何，这是示例代码应该帮助您开始

<script>
    $(".btn-class').click(function(){
        $.ajax({
            url:'your controller action",
            data: data,
            type:'POST/GET',
            success:function(html){
                $('#grid').html(html);
            }
            error:function(error){
                //things you want to do
            }
        });
    });
</script>