Tag: razor

如何使用强类型枚举的jQueryvalidation插件？: 我使用强类型视图列出对象的枚举，如下所示： @model IEnumerable @Html.EditorForModel() 假设Foo有一个简单的数字属性，我想在客户端validation： public class Foo { [Required] public int Bar { get; set; } } 现在，此对象的编辑器模板如下所示： @model Foo @Html.TextBoxFor(m => m.Bar) 除了默认模型绑定器生成类似[0].Bar名称之外，这种方法[0].Bar 。但是， [和]是jQuery validate插件的无效字符，因此每当它尝试validation我的输入时，我总是收到以下错误：语法错误，无法识别的表达式：label [for ='[0] .Bar’]，label [for ='[0] .Bar’] *，＃[0] .Bar 有没有办法让插件工作，同时保持我的视图绑定到模型？更新：我正在使用jQuery Validate和Microsoft的Unobstrusive Validation库（是的，默认的ASP.NET MVC设置），所以我根本没有直接编写任何validation代码，只是感兴趣！

JQuery UI自动完成ASP.NET MVC5渲染列表: 在ASP.NET MVC5应用程序中，我有一个使用JQuery UI的自动完成框。问题是AutoComplete的建议似乎是使用元素。就像你可以看到的那样，当我在“NomProprio”字段中键入“r”时，我看到一个包含2个“Robin”的列表。（这是正常的，在我的数据库中，我有2个用户名为“Robin”）。但名称看起来像一个列表。我不希望这样。我想要这样的东西： http ： //jqueryui.com/autocomplete/ 。这是我的View Create.cshtml脚本： @ Html.LabelFor（model => model.Possession.Proprietaire.NomProprio，new {@class =“control-label col-md-2”}） @section Scripts { @Scripts.Render(“~/bundles/jqueryval”) $(document).ready(function() { $(‘#autocomplete-with-hidden’).autocomplete({ source: ‘@Url.Action(“GetListForAutocomplete”)’ }); }) } 这些是我在Layout中包含的脚本 @Styles.Render(“~/Content/css”) @Styles.Render(“~/Content/themes/base/css”) @Scripts.Render(“~/bundles/modernizr”) @Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/bootstrap”) @Scripts.Render(“~/bundles/jqueryui”) @RenderSection(“scripts”, required: false) 这些是我所包含的捆绑包 bundles.Add(new ScriptBundle(“~/bundles/jqueryui”).Include( “~/Scripts/jquery-ui-{version}.js”)); bundles.Add(new StyleBundle(“~/Content/themes/base/css”).Include( “~/Content/themes/base/jquery.ui.core.css”, “~/Content/themes/base/jquery.ui.resizable.css”, “~/Content/themes/base/jquery.ui.selectable.css”, “~/Content/themes/base/jquery.ui.accordion.css”, […]

弹出窗口外部链接: 有一段时间我一直在使用http://angular-ui.github.io/bootstrap/模态显示模态弹出窗口，我发现我可以加载外部URL（templateURL）到这个视图。但问题是加载大约需要3-4秒。我需要将外部内容加载到模态弹出窗口，我找不到任何快速/良好的工作方式。弹出是在编辑/创建按钮，这就是为什么在按下按钮之前加载内容对我不好（将永远在iframe中加载100-200记录左右）如何减少角度自举模式的加载时间？或者也许还有其他方式我可以在模态中加载我的MVC视图？（我正在使用mvc5 razor）我的代码示例： Create 和new_tp： if (size == “new_tp”) { modalInstance = $modal.open({ templateUrl: ‘/Transport/Create/’, controller: ModalInstanceCtrl, size: size, resolve: { items: function () { return $scope.items; } } });

在ajax调用之后，Jquery treeview节点不会切换: 我的视图中有两个对话框。这些对话框中的每一个都有ajax命令，例如第一个执行POST ，第二个执行LOAD 。问题是在我从对话框1中的复选框列表中选择并点击UpdatePage按钮后，我的模型得到了更新。但是，包含具有另一个checbobox列表/节点的树视图的第二个对话框将不会切换。它确实保留了以前的状态：检查选中的复选框，但它根本不会切换。以下函数创建对话框1，并且在此对话框中成功完成post命令后，第二个对话框和其中的树视图将不会切换。 function initDailog() { RunDialog = $(“#runDatestreeview”).dialog({ closeOnEscape: true, stack: false, autoOpen: true, modal: false, resizable: true, draggable: true, title: ‘Select Run Dates to Auto-Populate Form Fields & Test Exceptions:’, width: 600, height: 500, position: ‘center’, open: function (type, data) { }, buttons: { UpdatePage: function () { […]

为错误消息创建一个可访问的对话框: 我正在建立一个门户网站，以使其可访问。为此，需要使动态内容可以集中。在登录页面中，身份validation错误是动态内容，在需要时无法获得焦点。编码在razor引擎C＃中完成 @if (TempData[“error”] != null) { @Html.Raw(Resources.Strings.ResourceManager.GetString(TempData[“error”].ToString())) } 其中p =“身份validation失败。请输入您的凭据。” 在其他尝试中，我把它放在这样的警报框中 – @if (TempData[“error”] != null) { alert(“‘+@Html.Raw(Resources.Strings.ResourceManager.GetString(TempData[“error”].ToString())) +'”); } 但这不符合我的期望我需要定制它。所以我正在寻找提供自定义弹出框来代替这个的答案。有没有办法通过将错误消息放在某个对话框的forms来关注它。或者以任何其他方式显示可聚焦的错误消息。

提交表单是返回application / json而不是text / html: 我已使用以下内容更改了Get submit：至： @using(Html.BeginForm(null, null, FormMethod.Post, new { id = “homeCategoryForm” })) { @Html.AntiForgeryToken() @Html.Hidden(“ids”) @Html.Hidden(“categoryId”) @Html.Hidden(“search”) @Html.Hidden(“location”) } 使用JQuery提交它： $(document).on(“click”, “.innerelement”, function (e) { var elementId = e.target.id.split(‘_’)[1]; action = “/” + $(“#controller_” + elementId).val() + “/” + $(“#action_” + elementId).val(); $(“#homeCategoryForm”).attr(“action”, action); $(“#ids”).val($(“#ids_” + elementId).val()); $(“#categoryId”).val($(“#categoryId_” + elementId).val()); $(“#search”).val($(“#search_” + elementId).val()); $(“#location”).val($(“#location_” + […]

使用Jquery选中/取消选中多个复选框: 我一直被困在一个轻微的jquery问题上，这可能只是我看不到的小问题。我有一个PartialView，我希望能够检查一个复选框，它应该取消选中所有其他复选框。我只想在提交页面之前检查一个复选框。无论如何，这是我的代码示例：这是我的PartialView @model List @foreach (var element in Model) { } 这是我的Jquery函数我不能先取消选中，然后在第二行告诉点击复选框进行检查吗？ function PrimaryImageChkBox(id) { alert(id); $(‘input[name=PrimaryImage]’).removeAttr(“checked”); $(‘#PrimaryCheckbox’ + id).attr(‘checked’, “checked”); } 先感谢您：）

在下拉列表更改时根据db的值更改标签显示名称标签: 问题陈述：我想根据我从db获得的显示名称，在MVC的Razor视图中更改标签的显示名称（@ Html.LabelFor）。我在_Layout.cshtml中添加了语言下拉列表 @Html.Action(“Index”, “LanguageDropdown”, new { languageid = Request[“languageId”] }) 我创建了一个部分视图用于下拉： @model ALCMS.Web.Models.Master_or_Configuration.LanguageDropdownModel function GetLanguage() { var languageId = $(‘#LanguageId’).val(); var Url = “@Url.Content(“~/MasterConfigGeneral/GetLanguage”)”; $.ajax({ url: Url, dataType: ‘json’, data: { LanguageId: languageId }, success: function (data) { } }); } @Html.DropDownListFor(l => l.LanguageID, new SelectList(Model.Languages, “Value”, “Text”), “Select Language”, new { id = […]

使用来自AJAX调用的响应填充div时，@ Html.Hidden的值不正确: 我有一个简单的视图，其中包含一个div ，其中包含部分视图。部分视图包含项目列表。每个项目都显示在排除状态（标记为XXX）或显示一个按钮以排除项目（使用Ajax.BeginForm ）提交Id并更新其状态并重绘列表。首次绘制页面时，它可以正常工作，但是当在Ajax调用之后重新呈现局部视图以排除项目时，而不是列表中具有唯一itemId每个项目都具有该项目的itemId由表单提交排除。 Index.cshtml（主视图） @model IEnumerable @Html.Partial(“ItemList”, Model) @section Scripts { @Scripts.Render(“~/bundles/jqueryval”) } ItemList.cshtml（部分视图） @model IEnumerable @foreach (var item in Model) { @item.Name @if(item.Excluded) { XXX } else { using (Ajax.BeginForm(“ExcludeItem”, new AjaxOptions { HttpMethod = “post”, InsertionMode = InsertionMode.Replace, UpdateTargetId = “modelList” })) { @Html.Hidden(“id”, item.Id) <!– –> } } } […]

Ho根据用户从下拉列表中的选择显示多个复选框选项？: 我想在我的MVC3剃刀应用程序上显示一个下拉框，用户可以从中选择类别，根据他的选择，我想显示子类别，这是复选框，因此用户可以选择多个子类别。任何人都可以帮我怎么做到这一点？下面是我从网络服务收到的json，并且我将其反序列化为对象，那么如何将该对象分配给两个不同的列表类别（下拉列表）和子类别（复选框）？ JSON： { “Code”:0, “Status”:”Done”, “Categories”:[ { “ID”:1, “Name”:”Eat”, “Subcategories”:[ {“Flag”:false,”ID”:100,”Name”:”Food”}, {“Flag”:false,”ID”:101,”Name”:”Fast Food”}, {“Flag”:false,”ID”:102,”Name”:”Other”} ] }, { “ID”:2, “Name”:”Entertainment”, “Subcategories”:[ {“Flag”:false,”ID”:100,”Name”:”All”}, {“Flag”:false,”ID”:101,”Name”:”Movie”}, {“Flag”:false,”ID”:102,”Name”:”Other”} ] }, } ] } 实体： public class MyData { public int Code { get; set; } public string Status { get; set; } public List Categories { get; set; […]