Tag: asp.net mvc

项目选择使用KnockoutJS的MVC视图

我正在尝试实现一个通用的ASP.net MVC视图。 UI应显示从服务器加载数据（基本上是字符串列表）的可用和选定项目的列表。 用户可以对列表进行更改，即可以从可用项目列表中选择新项目，也可以从选定列表中删除项目。 我想使用KnockoutJS来利用绑定。 我设法完成所有工作，除了在可用列表中初始化视图时将所选项目显示为已选中。 例如，如此处所示 我尝试了各种选项（ 使用模板（最接近我想要实现的） ， Checked attr ， 可能的选项 ），问题是如果我设法显示项目检查了一些其他function中断。 尝试定义一个模板，但无法让它在我的情况下工作。 HTML： 0″>Available countries: 0″> 0″>Selected countries: 0″> Delete JS： var initialData = [ { availableItems: [ { title: “US”, isSelected: true }, { title: “Canada”, isSelected: false }, { title: “India”, isSelected: false }] }, { selectedItems: [ { […]

jQuery DatePicker：当日期字段为12-31-9999时，currentDate不起作用

当当前字段值为12-31-9999且yearRange为2000：+1时，DatePicker无法正确处理currentDate的计算。 当我点击字段打开DatePicker时，currentDate的结果变为1-1-2000。 因此，似乎DatePicker将日期包装到yearRange的开头。 但是，如果我删除yearRange，则DatePicker默认为-10：+10的范围，这导致年份为9989：10009。 当我点击包含12-31-9999的字段时，我宁愿让DatePicker显示今天的日期。 注意：逃离现场时不应进行任何更改。 这可能吗？ $(“.datePicker”).datepicker({ changeMonth: true, changeYear: true, dateFormat: “yy-mm-dd”, yearRange: 2000:+1 });

Bootstrap-Select插件无法使用耗时的页面加载

我正在使用silviomoreto的bootstrap select插件。 我在ASP.Net MVC应用程序中使用它。 我正在使用show tick选项。 代码是这样的。 setTimeout(function () { $(‘#ddlSortBy’).selectpicker({ ‘selectedText’: ‘Select’ } }); }, 200); 问题是如果没有我的应用程序中的settimeout方法，此插件无法正常工作。 我必须在settimeout方法和document.ready方法中附加此插件。 然而，有些时候，当页面加载花费超过200毫秒时，我发现插件应用于html选择但是单击select中的项目不起作用。 所以我必须增加附加然后它的工作的超时。 但理想情况下，一旦附加到html选择元素，它应该有效。

如何在ASP.NET MVC 3中通过AJAX登录

不，我被困在这里……你能帮帮我吗… $(‘:submit’).click(function (e) { var username = $(‘#username’).val(); var password = $(‘#password’).val(); var postdata = { ‘Email’: username, ‘Password’: password }; $.post({ url: ‘http://localhost:7651/Home/CheckLogin’, data: postdata, success: function (msg) { alert(‘Hi’); } }); }); 这不起作用……它没有以某种方式调用动作控制器…… 我的控制器动作是 public string CheckLogin(Users checkuser) { if (db.CheckUserLoginDetails(checkuser.Email, checkuser.Password)) { return “Login Successful:” + checkuser.Email; } else { return “Login […]

从网格中删除记录时显示确认消息

我想在用户从网格中删除记录时显示确认消息，这是我实现的但是我有错误消息 使用下面的代码删除记录但是： 仍然在网格中的记录我必须刷新才能看到它消失; 我有消息错误！ 即使删除记录3。 @Html.ActionLink(“Delete Student”, “Delete”, new { @StudentID = StudentID }, new { @class=”glyphicon glyphicon-pencil”, @id=StudentID }) $(document).ready(function () { $(‘a.delete’).click(OnDeleteClick); }); function OnDeleteClick(e) { var StudentId = e.target.id; var flag = confirm(‘You are about to delete this record permanently. Are you sure you want to delete this record?’); if (flag) { […]

单击按钮，以mvcforms触发模式弹出窗口

我在mvc中有这个视图，我在其中显示模型的详细信息。 模态弹出窗口工作正常，直到我没有把它放在窗体块中。 现在它只回发而不是显示弹出窗口。 这是我的观点： @using App.Portal.WebUI.Controllers @using MvcPaging @model IPagedList @{ ViewBag.Title = “Manage Devices”; } Manage Devices @Html.ActionLink(“Add New Device”, “Manage”, “Handhelds”, new { @class = “editUser btn btn-info” }) Show Inactive Devices @using (Ajax.BeginForm(“Home”, “Handhelds”, new AjaxOptions {UpdateTargetId = “grid-list”, HttpMethod = “get”, LoadingElementId = “loading”, OnBegin = “beginPaging”, OnSuccess = “successPaging”, OnFailure […]

MVC5 – 如何使用jquery ajax将fileupload与模型一起传递给控制器

我需要使用jquery ajax将我的上传文件传递给我的控制器。 JS： $(‘#btnpopupreg’).click(function () { $.ajax({ type: ‘POST’, url: ‘/Membership/Register’, data: $(‘#frmRegister’).serializeArray(), dataType: ‘json’, headers: fnGetToken(), beforeSend: function (xhr) { }, success: function (data) { //do something }, error: function (xhr) { } }) }) 视图： @model Test.RegisterViewModel @{ using Html.BeginForm(Nothing, Nothing, FormMethod.Post, New With {.id = “frmPopUpRegister”, .enctype = “multipart/form-data”}) } //rest of […]

成功和错误函数未在Ajax调用中触发

下面是一个Ajax调用我正在使用它来确定向用户显示哪些菜单选项（我知道这是一个有缺陷的方法，只是反对时间紧缩的演示）。 当页面加载时，我可以在Visual Studio中逐步执行控制器方法，因此我知道它正在触及控制器并发回正确的信息。 看看Chrome的网络控制台，我也可以看到浏览器收到了正确的响应。 但是， console.log或alert都没有触发。 success或error方法中的任何内容都不会执行。 有谁看到出了什么问题？ 视图 $(document).ready(function ($) { //Determine which links to show in navbar window.onload = function () { $.ajax({ type: ‘GET’, url: ‘@Url.Action(“CheckSecurity”,”Home”)’, dataType: ‘json’, succcess: function (data) { console.log(data); alert(data); if (data == “admin”) { $(‘#adminLink’).show(); } else if (data == “IT”) { $(‘#ITLink’).show(); } else if (data […]

Jquery脚本与SignalR冲突

我遇到的问题似乎应该是相对简单的解决，但到目前为止答案已经没有了。 我正在使用SignalR将新的局部视图返回到主页面。 使用新信息更新数据库时，将调用使用新的部分视图更新div标记的客户端函数。 到现在为止还挺好。 现在我想添加更多的JQuery代码来隐藏/显示我的表中显示在局部视图中的子行。 问题是到目前为止我只能使一个或另一个脚本工作。 如果我让表显示/隐藏function正常工作，它会破坏我的signalR脚本，因此当服务器触发时我不再接收更新的部分视图。 同样，当signalR正常工作时，我无法再激活显示/隐藏function。 SignalR似乎使用旧版本的JQuery，但是为了使我添加的脚本能够工作，我必须添加对jquery-1.10.2的引用。 SignalR不需要jquery引用，它只需要jquery-signalR-2.1.2引用。 所有这些脚本都位于显示局部视图的主页面上，而不是局部视图。 我也试过做JQuery没有与这两个脚本冲突无济于事。 它似乎与两个版本的JQuery同时被引用有关，但我不知道从哪里开始使两个脚本一起工作。 无论哪个脚本首先放置，都是有效的。 这是signalR脚本，只有它的依赖： $(function () { // Declare a proxy to reference the hub. var notifications = $.connection.monitoringHub; //debugger; // Create a function that the hub can call to broadcast messages. notifications.client.updateDetails = function () { getDetails() }; // Start the connection. $.connection.hub.start().done(function […]

未捕获的TypeError：无法读取未定义的属性’replace’

我是使用Kendo Grid和Kendo UI的新手。 我的问题是如何解决此错误 Uncaught TypeError: Cannot read property ‘replace’ of undefined 这是我在KendoGrid上的代码 $(“#Grid”).kendoGrid({ scrollable: false, sortable: true, pageable: { refresh: true, pageSizes: true }, dataSource: { transport: { read: { url: ‘/Info/InfoList?search=’ + search, dataType: “json”, type: “POST” } }, pageSize: 10 }, rowTemplate: kendo.template($(“#rowTemplate”).html().replace(‘k-alt’, ”)), altRowTemplate: kendo.template($(“#rowTemplate”).html()) }); 导致错误的行 rowTemplate: kendo.template($(“#rowTemplate”).html().replace(‘k-alt’, ”)), rowTemplate的HTML […]