Question

我有一个包含几个div的主页面（Index.cshtml）。

div包含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表单的单独局部视图中。我将Grid放在另一个单独的视图中。我想要做的是，当我在编辑器局部视图中单击提交时，只会刷新此网格，而不是整个索引页面。我的更新功能正在重定向到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>

仅刷新提交的部分视图

1 个答案: