Tag: asp.net mvc partialview

如何将选定列表项的字符串值参数从自动填充的下拉列表传递到MVC 4中的部分视图控制器?

我在MVC 4 Web应用程序上创建了一个自动填充的下拉列表。 当用户从下拉列表中选择一个项目时,我希望局部视图显示所选项目,而不是已显示在此局部视图中的所有项目。 如何将所选列表项的字符串值参数从自动填充的下拉列表传递到局部视图控制器? 以下是我自动填充的下拉列表的代码: @foreach (var m in ViewDatamodel) { if (m.State == “In Work”) { @m.TargetName } } 我想传递m.TargetName字符串作为参数,以便我可以根据选择的列表项来操作partialview。 部分视图包括正在执行的作业的进度条,其中数据存储在SQL Server DB上。 我使用以下Ajax脚本每3秒刷新一次原始局部视图。 我需要能够对选定的部分视图执行相同的操作。 同样,这都是自动填充的,所以我假设最好的方法是通过TargetName: function loadpartialView() { $.ajax({ url: ‘@Url.Action(“_GetfoeStatus’, “Status”)’, type: ‘POST’, data: ‘{}’, //I am assuming that I will need to pass the parameter to here cache: ‘false’, async: […]

使用MVC Ajax在部分视图中更新部分视图

我有一个MVC 5 Web应用程序,它包含一个名为CreateProposal的Razor View,它接受一个名为ProposalViewModel的ViewModel。 此视图包含对名为_Proposal的部分视图的引用,该部分视图也接受ViewModel。 CreateProposal视图 @model STAR.UI.ViewModels.ProposalViewModel @Html.Partial(“_Proposal”, Model) 部分视图_Proposal还引用了另一个名为_ExistingAttachments的部分视图,它也接受ViewModel。 _Proposal Partial @model STAR.UI.ViewModels.ProposalViewModel @Html.Partial(“_ExistingAttachments”, Model) _ExistingAttachments Partial @model STAR.UI.ViewModels.ProposalViewModel Existing Attachments @Html.Hidden(“hiddenAttachmentID”, “”, new { @id = “hiddenAttachmentID” }) @if (Model.Attachments != null) { foreach (var upload in Model.Attachments) { @upload.fileName Remove } } _ExistingAttachments Partial吐出一个href链接列表和每个旁边的Remove链接。 一旦用户单击要删除的项目上的删除链接,该条目的ID就会使用一些JQuery存储在隐藏文本框中。 JQuery的 $(document).on(‘click’, ‘.btn.btn-danger’, function () { […]

AngularJS无法使用MVC部分视图

我有一个奇怪的问题。 我在我的项目中使用AngularJS。 我有一些部分视图,我有不同的AngularJSfunction实现。 我通过Ajax调用加载所有部分视图。 Ajax调用确实加载了容器中的局部视图,但其AngularJSfunction不起作用。 我注意到当我通过CDN引用AngularJS然后它可以工作,但是当我将CDN JS复制并粘贴到我的本地js文件中时,它却没有。 请说明问题所在。 这是代码: 部分视图: ID: Name: Add Employee Remove Employee Employee id is: {{employee.id}} Employee name is: {{employee.name}} var employees = [{ name: ‘ABC’, id: ‘1’ }, { name: ‘XYZ’, id: ‘2’ }, { name: ‘KKK’, id: ‘3’ }]; function EmployeeController($scope) { $scope.employees = employees; $scope.addEmployee = function () […]

在MVC4中仅刷新部分视图

我在刷新mvc4的部分视图时遇到了一些麻烦,下面是代码: $(function() { $(“#firstPartialLink”).click(function() { $(“#partialViewDiv”).load(‘@Url.Action(“GetDiv”, “Home”)’); }); $(“#secondPartialLink”).click(function () { $(“#partialViewDiv”).load(‘@Url.Action(“GetDiv2”, “Home”)’); }); }) 当我第一次按下其中一个按钮时,它会在DIV中呈现部分视图,但是当我再次按下它时,没有任何反应,原因是什么?

如何在表行单击后刷新局部视图

我有表,与模型相关联。 @foreach (var item in Model) { @Html.DisplayFor(x => item.Field1) @Html.DisplayFor(x => item.Field2) } 如何使用ajax更新我的局部视图,以便从表中编辑所选模型。 我删除了onclick=”window.location.href = ‘@Url.Action(“Action”, new RouteValueDictionary { { “id”, item.Id } })'”并添加了脚本: $(function () { $(‘tr’).click(function () { $.ajax({ url: ‘@Url.Action(“Action”, new RouteValueDictionary { { “id”, ??? } })’, type: ‘GET’, cache: false, success: function (result) { $(‘#partialView_div’).html(result); } }); return […]

使用jQuery发送部分视图模型和更新部分视图存在问题

我在其他视图模型中使用局部视图用于小模型。 所以我通过从包装器表单中获取模型数据并使用serializeArray()来发送它的更改。 然后从动作返回PartialViewResult ,最后通过返回的结果填充部分视图div容器。 这是我的代码: var modelStr = $(“#[wrapperFormName]”).serializeArray(); $.ajax({ type: “POST”, url: targetUrl, cache: false, data: modelStr, success: function (sucResult) { $(‘#pa_Cnt’).html(sucResult); }, fail: function (result) { alert(“Fail”); } }); 并在视图中呈现partialview,如下所示: @using (Html.BeginForm(“[ActionName]”, “[CtrlName]”, FormMethod.Post, new { id = “[wrapperFormName]”, @enctype = “multipart/form-data” })) { @Html.Partial(“[partialViewName]”, [partialViewModelName]) } 问题之一是更新后的部分视图与返回的结果不起作用任何绑定到局部内部元素的jQuery事件处理程序,我知道事件处理程序必须在主视图中声明而不是部分,并且必须委托处理程序。 第二个问题是更新结果有新值,但部分视图中的一些元素显示旧值,我将ajax的缓存设置为false,作为[OutputCache(Duration = 0)]的操作缓存。 我很困惑。 谁能帮我。

将PartialView渲染到MVC中的布局页面的最佳方法是什么?

我的MVC5项目中有一个布局页面,我想通过单击左侧的菜单链接(超链接)来渲染所有页面内容(部分视图),如下所示。 有一些方法使用Ajax等,但我不确定哪种方法最符合我的需求。 是否有关于包含Layout页面和Controller方法的此问题的任何示例?