Tag: asp.net mvc

如何通过jQuery加载局部视图?

我正在尝试使用jQuery加载部分视图。 部分视图是从Contact.cshtml加载的。 但是,在Chrome中,我在尝试加载partialViewName.cshtml时不断获得404。 我有以下文件夹结构: /Views/Contact/Contact.cshtml /Views/Contact/partialViewName.cshtml $(‘#divname’).load(‘partialViewName’); 我所在的URL是http:// localhost / Contact / Index 我有什么想法我做错了吗?

使用jquery ajax post将行附加到表

我正在尝试在我的asp.net MVC 5应用程序中动态地将行附加到表中。 这是表: Description Quantity Rate ($) Amount ($) Delete @foreach (var item in Model.AcquisitionCosts) { @Html.Partial(“CostViewModel”, item); } 单击添加行按钮时,它将调用jquery ajax函数。 这使得调用控制器返回局部视图。 返回的局部视图如下所示: 但是,在我附加到表后。 从html中删除 and 标记,仅附加输入标记。 $(“#addstrategy”).click(function () { $.ajax({ type: “post”, url: “/Wizard/StrategyRow”, cache: false, datatype: “html”, success: function (html) { alert(html); $(“#acquisition-cost tbody”).append(html); } }); }); 响应警报,所有标签都在那里,他的html正确形成。 控制器事件: [HttpPost] public PartialViewResult […]

使用内置的ASP.NET MVCvalidation和向导方法

我正在使用我的向导的JQuery Steps Plugin基本表单示例 。 在此示例中,您将注意到他们正在使用JQuery Validate插件,这是ASP.NET MVC在提交表单时自动使用的插件。 我试图弄清楚当用户点击继续时如何validation当前步骤中的表单字段,但使用ASP.NET MVC语法,因为我希望我的数据注释仍然有效。 这是我的ASP.NET MVC版本的基本表单示例(注意我有asp-for和asp-validation-for set for everything): Basic Info Location Contact Info 例如,当用户单击“下一步”时,我希望“名称”字段进行validation。 当用户在步骤2中单击下一步时,我希望City字段进行validation,依此类推……我习惯一次提交单个表单并允许ASP.NET MVC自动validation,在这种情况下我需要在实际提交之前要求它validation几个不同的时间。 这是我的JS: var form = $(“#example-form”); form.validate({ errorPlacement: function errorPlacement(error, element) { element.before(error); }, rules: { confirm: { equalTo: “#password” } } }); form.children(“div”).steps({ headerTag: “h3”, bodyTag: “section”, transitionEffect: “slideLeft”, onStepChanging: function(event, currentIndex, newIndex) […]

MVC API控制器的复杂对象没有从jquery ajax调用中填充

我试图调用POST API控制器。 控制器被调用,但复杂的对象是空的。 我跑了Fiddler,对象甚至在那里填充。 我究竟做错了什么? 我的C#对象 public class RegisterUser { public Guid PersonId { get; set; } public string Email { get; set; } public string Business { get; set; } public string EmployeeNumber { get; set; } public string UserName { get; set; } } API Post Controller public HttpResponseMessage Post(RegisterUser user) { //This […]

JQuery / CSS:Div-overlay并不影响其他div的位置

如何使div覆盖其他div(如.. dropdownlist)而不影响其他div的位置? 当你hover一个#HoverMe div ,我会出现一个#HoverMe div ,取消它并再次隐藏它。 但那个div在徘徊时会移动其他div。 如何使hidden-div覆盖其他div? 如何使隐藏的div不影响其他div位置? 怎么样: —— —— —— | 1 | | 2 | | 3 | //#HoverMe div is not hovered —— ——- —— ______ —— | | ——- —— | 1 | |Affect| | 2 | | 3 | ////#HoverMe div is hovered, affects others div positions […]

Knockout Kendo下拉列表获取所选项目的文本

我的应用程序是MVC 5.我使用以下Knockout Kendo下拉列表: Selected: var ViewModel = function () { var self = this; this.foodgroups = ko.observableArray([ { id: “1”, name: “apple” }, { id: “2”, name: “orange” }, { id: “3”, name: “banana” } ]); var foodgroup = { name: self.name, id: self.id }; this.foodgroup = ko.observable(); ko.bindingHandlers.kendoDropDownList.options.optionLabel = ” – Select -“; this.foodgroup.subscribe(function […]

动态文本框jquery焦点

我正在创建一个输入类型的动态文本框,借助以下代码,我无法将注意力设置在输入类型上。 var elem = document.createElement(“input”); elem.type = “text”; elem.id = “txtParent”; elem.setAttribute(‘onblur’, ‘SetSpanValueForParent(“‘ + spnText.id + ‘”)’); $(elem).focus(); $(spnText).append(elem); 我也尝试过这个elem.focus(); 你可以提供一行声明如何实现这一目标

如何将文本框绑定到日期时间字段但仅显示其日期部分(在ASP.MVC中)?

我有一个视图与文本框绑定到DateTime模型字段。 风景: @Html.TextBoxFor(model => model.StartDate, new { @class = “datepicker”, id = “startDate” }) 该模型: [Required(ErrorMessageResourceType = typeof(Resources.ValidationMessages), ErrorMessageResourceName = “GeneralRequired”)] [DisplayFormat(DataFormatString = “{0:dd-MM-yyyy}”, ApplyFormatInEditMode = true)] [DataType(DataType.Date)] [Display(Name = “StartDate”, ResourceType = typeof(Resources.Something))] public DateTime? StartDate { get; set; } View使用jQuery datepicker来处理日期输入。 Jquery只生成日期,但据我所知,C#中不仅有日期类型。 我也使用自定义DateTime模型绑定器,但是发布其代码(tl; dr;))相当大。 当用户在文本框中输入15-01-2015并将其发布到方法时,模型绑定器会将其正确转换(到15-01-2015 12:00)。 问题是当validation被触发时,因为表单上有两个日期时间字段,如果用户只输入其中一个,则action方法返回带有validation消息的视图。 已经进入的领域应该仍然显着填补。 问题是当控制器的action方法返回视图时,它会将日期时间放入文本框,而不仅仅是日期。 我们可以使用任何方法将日期而不是日期和时间传递给视图中的绑定字段吗? 或者也许保持字段绑定但只显示value.Date在文本框中? 编辑: 我试图应用Hugo […]

Fetch API调用会导致新的Asp.net会话

我正在我的一个asp.net mvc项目中删除jQuery,转而使用直接的vanilla JS。 现在我已经用Fetch API调用替换了$.ajax POST调用,每次调用都会触发服务器上的新会话。 在过去的几天里,这一直在推动我的发展,我已经将其缩小到专门从使用jQuery Ajax到Fetch API的转变。 我的新Fetch API调用工作正常,仍然执行所需的服务器端工作。 一旦他们返回,它就会触发一个新的服务器会话。 显然,这是一个主要问题,因为我的用户会话数据不断重置。 知道为什么会这样吗? 或者任何人都知道任何变通方法,而不必恢复使用jQuery? 我之前基于’jQuery’的POST调用: Post(route, data) { $.ajax({ type: ‘POST’, url: route, data: JSON.stringify(data), contentType: “application/json; charset=utf-8” }).done((result, statusText, jqXHR) => { return result; }); } 我新的’基于Fetch API’的电话: async Post(route, data) { let response = await fetch(route, { method: ‘POST’, headers: { ‘Accept’: […]

我如何通过jquery和ajax替换图像(在div内)

我试图点击图像并通过jquery将其更改为另一个图像。 当我逐步执行以下代码时,在服务器端,控制器操作触发,在客户端,我可以在firebug观察窗口中看到正确的html返回,但图像根本没有变化。 知道为什么这个div没有更新? 原来的div: jquery代码: $(document).ready(function() { $(‘div.inlineDiv’).live(‘click’, function() { var id = $(this).attr(“id”); var toggle = $(this).attr(“toggle”); var url = ‘/Tracker/Update?id=’ + id + ‘&toggle=’ + toggle; $.get(url, function(data) { $(this).html(data); }); }); }); 控制器动作: public ActionResult Update(int id, string toggle) { if (toggle == “off”) { return Content(“”); } return Content(“”); }