如何在按钮单击时动态更新部分视图

时间:2014-12-21 06:36:40

标签: javascript c# jquery asp.net-mvc

首先,我有2个数据库表。 第一个表用于项目,第二个表用于每个项目的处理。

第一个表数据将显示为html表和每一行 将有一个动态生成的编辑,删除,显示处理按钮/链接。

我的问题是我想通过点击按钮或链接(进程)选择项目时,将第二个表显示为第一个表(同一个视图)底部的局部视图。

选择新项目时,部分视图将动态更新。

我的第一个视图是使用IEnumerable库,我的局部视图是否也应该使用IEnumerable库?

我尝试使用javascript加载我的部分视图,但是收到错误。

1 个答案:

答案 0 :(得分:0)

创建一个接受参数并返回局部视图的动作。在客户端,为第二个表放置一个div并注册点击处理程序:

<div>
    <button id="btnLoadTable">Load table with id = 1</button>
</div>
<div id="table2">TABLE 2</div>

<script type="text/javascript">
    $(document).ready(function(){
            $('#btnLoadTable').click(function(){
                $('#table2').load('yoursite.com/controller/partialViewAction');
            }
        });
    });

</script>

Jquery $.load函数执行http请求,接收部分视图的html并将其放入<div id="table2">