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

How to dynamically update a partial view upon button click

本文关键字：动态 更新部 视图 按钮 单击      更新时间：2023-09-26

首先是我有 2 个数据库表。第一个表用于项目，第二个表用于每个项目的流程。

第一个表数据将显示为 html 表，每行将有一个编辑，删除，显示进程按钮/链接，该按钮/链接将动态生成。

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

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

我的第一个视图是使用 IEnumerable 库，我的部分视图是否也应该使用 IEnumerable 库？

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

创建一个将接受参数并返回分部视图的操作。在客户端为第二个表放置一个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">

相关文章：