当用户单击按钮时,我的 Web 表单中的旧项目将显示一个面板。我当前的项目是在 C# MVC 中重建此功能。
此 View 将使用 Javascript 和 AJAX 按需显示部分 View 。代码在调试器中正常运行,但不调用分部 View 。
我已经使用 SOF posts 来设置 JS,以便正确显示包含部分 View 的 div。我在 AJAX 或其他地方缺少什么? (也许我需要装饰目标 Action ?也许我需要在局部 View 中做一些事情?)
View 的相关部分:
<script type="text/javascript">
//Show the Add Project section.
function NewProject() {
//1. Reset the Add Project partial view.
//2. Show the Add Project partial view.
//3. Put focus into the project title field.
//4. Hide the button.
$("#divNewProject").show();
$.ajax({
url: "/Organization/AddProject/"
}).done(function () {
$("#divNewProject").html(data);
$("#ProjectTitle").focus();
$("#ProjectTitle").scrollIntoView();
});
$("#divAddProject").hide();
}
</script>
...
<div id="divAddProject">
@* Button to add a project, showing/hiding a partial view *@
<button type="button" name="btnAddProject" id="btnAddProject" value="Add" onclick="NewProject()" class="btn">
<span class="wizard-step-text">Add New Project</span>
</button>
</div>
<div id="divNewProject" hidden="hidden">
This is a test. It should start out hidden and later be shown.
</div>
最佳答案
你可以这样做:
function NewProject() {
$("#divNewProject").show();
$.ajax({
url: '@Url.Action("AddProject","Organization")',
success : function(data)
{
$("#divNewProject").html(data);
$("#ProjectTitle").focus();
$("#ProjectTitle").scrollIntoView();
$("#divAddProject").hide();
}
});
}
关于c# - AJAX调用部分 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24495465/