在ASP MVC中,如何在重定向到另一个页面后保持Toastr Notification的活力?
我正在开发一个ASP MVC 5应用程序,并且在显示敬酒的通知时遇到了问题. 更新用户的信息以确认操作的成功后,吐司通知出现. 不幸的是,它在下一页加载后很快消失(在2秒内).我认为这是由于使用服务器端代码(在这种情况下为C#),其中整个页面重新加载,包括JavaScript文件.这就是为什么toastr也会消失的原因. 有什么办法可以使其更长的时间? 我试图将必要的信息传递到下一页,因此第二页知道要显示toastr而不是第1页,但它不起作用. 这是代码的片段: 视图: @using (Html.BeginForm("Edit", "Client", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal", role = "form" })) {
8 2024-04-25
编程技术问答社区
如何在Require.js中引用捆绑的js文件(asp.net mvc4)?
我一直在研究约翰·帕帕(John Papa)关于水疗中心的多元课程. 在他的main.js中,他给每个JS库的名字命名. (function () { var root = this; define3rdPartyModules(); function define3rdPartyModules() { // These are already loaded via bundles. // We define them and put them in the root object. define('jquery', [], function () { return root.jQuery; }); define('ko', [], function () { return root.ko; }); define('amplify', [], function () { return root.amplify; });
16 2024-04-05
编程技术问答社区
toastr.js如何在Aurelia和Typescript中工作?
我似乎无法将它们一起工作.我正在使用Aurelia CLI,并以类似的方式成功地完成了其他库(例如Select2,Spin,Moment和Numeral).不过,我似乎无法让Toastr上班.这是我到目前为止所拥有的. 首先我ran npm install toastr --save和typings install dt~toastr --global --save 在aurelia.json中,在供应商bundle.js部分中,我添加了一个依赖项: "jquery", { "name": "toastr", "path": "../node_modules/toastr/build", "main": "toastr.min", "resources": [ "toastr.min.css" ], "deps": ["jquery"] } 更新:repro 的完整步骤 i已安装了这些工具的
6 2024-03-19
编程技术问答社区
在行动过滤器或授权过滤器上验证用户权限?
我正在MVC4开发网站.我开发了用户角色和权限. 我想问一下我应该在哪里检查用户权限访问:在自定义操作过滤器或自定义授权过滤器中? 如果用户无法访问模块,则我必须显示烤面包机错误消息.如何在操作过滤器中显示此消息? 解决方案 我用来编写自定义操作过滤器属性,以便在"操作调用"中调用此方法,如果用户角色允许他调用此操作,我会检查其中. 您必须编写自定义操作过滤器属性相同的方式,但是您必须在CheckAccessright方法中编写自己的业务逻辑: public class AuthorizationAttribute : ActionFilterAttribute { public override void OnActionExecuting(ActionExecutingContext filterContext) { string actionName = filterContext.ActionDescriptor.A
16 2024-03-15
编程技术问答社区
在Toastr中显示错误和异常,或使用MVC4和Entity Framework的类似方法
我正在尝试找到一种使用TOASTR向用户显示错误的方法,因为我的应用程序中发生了异常或错误.我遇到的问题似乎表明,不可能在控制器中发生异常,或使用TOASTR在当前视图中显示的数据访问层. 我想知道你们是否遇到过这种情况以及您的解决方案是什么? 我要完成的事情是,任何时候都有一个未经治疗的例外,或者有人手动处理一个例外,我们可以在不破坏工作流程的情况下向用户显示错误.向我建议了Toastr,但是作为JavaScript,我不确定在MVC4应用程序中实施它的最佳方法. 我正在探索的一个选项是设置我的默认索引控制器来处理输入错误字符串,以便我可以从global.asax.cs中的application_error方法重定向到它,以便给出友好的重定向,然后如果该传入的字符串不是null,那么我可以在索引视图上使用toastr.但是,这不是理想的,因为它需要重定向并破坏工作流程.另外,它不允许我显示错误而不必抛出异常或在JavaScript中进行所有错误处理. 其他重要信
12 2024-03-15
编程技术问答社区
如何通过与jQuery的集成来检查TempData是否为空?
如果TempData不是null,我想显示toastr(又称弹出窗口).但是,我很难将jQuery和Razor语法整合在一起.这是我当前的JavaScript: $(document).ready(function() { if (@TempData["SuccessMessage"] != null) { toastr.options = { "closeButton": true, "positionClass": "toast-bottom-right" } toastr.success("This is a test!"); } }); 但是,toastr并未显示.我已经进一步检查了tempdata,还向用户显示文本. @if (TempData["SuccessMessage"] != null)
12 2024-03-15
编程技术问答社区
ASP.NET MVC 4中的Toast通知
我想在用户使用Toastr插件单击"添加到购物车"按钮时显示通知.基本上,当用户单击按钮时,它将执行操作" addtocart",然后重定向到索引页面.当页面显示时,它会检查tempdata值,然后显示通知. 这是控制器: public ActionResult AddToCart(int id) { TempData["message"] = "Added"; return RedirectToAction("Index"); } 和视图: @if (TempData["message"] != null) { $(document).ready(function () { toastr.success('Added') })
4 2024-03-15
编程技术问答社区
来自控制器的警报信息。在部分视图中添加警报行为?
在MVC 4中,您可以安装此软件包一旦被插入,您就可以将警报发送到直接从控制器的视图. 例如: public class AccountController : BaseController { public ActionResult AlertExample() { Success("This is a success alert"); Error("This is error alert"); Information("This is information alert"); ... etc. } } 这将直接发送从控制器到视图的成功警报. 目标:从控制器发送咆哮消息 我试图从我提到的项目中实现相同的事情. 所以,这就是我在项目中添加的内容. 其他控制器源自 的基本控制器 public class BaseController : Cont
8 2024-03-14
编程技术问答社区
在控制器方法完成后在toastr中显示信息
我有控制图文件的控制器方法, 使用jquery ajax, type of type" file",方法返回: Return Redirect(Request.UrlReferrer.PathAndQuery) 因为我想在提交点击后保持相同的视图. 我想在成功图像上传后显示,toastr.success. 我该怎么做? 解决方案 在您的HTTP Post Action方法中,成功上传后,设置了tempdata字典的条目,并在下一个视图中读取它,该视图由重定向方法加载并显示toastr消息. TempData["Msg"] = "Uploaded successfully"; return Redirect(Request.UrlReferrer.PathAndQuery); 在您的视图中 $(function(){ var msg = "@(TempData["Msg"] as string)";
12 2024-03-14
编程技术问答社区
更改toastr通知的位置类别
我正在尝试在DIV上更改敬酒的位置类. positionclass:不更改为底部.我在这里缺少什么? 以及如何使用 toastr.optionsoverride ='positionclass:toast-toast-full-width'; @{ ViewBag.Title = "Index"; } Index
14 2024-03-13
编程技术问答社区
如何在toastr中显示一个确认对话框
我具有以下代码,用于控制器中的删除按钮, $scope.removes = function (scope) { toastr.success("Delete all?"," Yes",{ closeButton: false, onClick: function(){ var nodeData = scope.$modelValue; if(nodeData.nodes.length > 0){ toastr.error('Cant delete Sub levels available :', 'Warning', {
10 2024-02-24
编程技术问答社区
以AngularJS的方式使用toastr
目前,我只是在需要的情况下在控制器中调用toastr.success('my message').这个工作很好,但对我来说有点脏. 使用 toastr.js库? 解决方案 是.简而言之: app.factory('notificationFactory', function () { return { success: function (text) { toastr.success(text,"Success"); }, error: function (text) { toastr.error(text, "Error"); } }; }); 在控制器中解析工厂.自定义工厂中的消息,通知/等. 尽管有代码添加了另一个抽象,但确实有效.
6 2024-02-23
编程技术问答社区
在Angular6中使用ng2-toastr {toastsmanager}
无法编译. ./node_modules/ng2-toastr/src/toast-manager.js模块找不到: 错误:无法解决" RXJS/主题" '/users/siva/desktop/angular/chanpapp/node_modules/ng2-toastr/src' 我在Angular 6版本中使用NG2-TOASTR.当我运行该应用程序时,页面说上述错误.我导入了正确的所有内容 这是代码 import { Component, OnInit , ViewContainerRef } from '@angular/core'; import { AppService } from './../../app.service'; import { Routes, Router } from '@angular/router'; import { ToastsManager } from 'ng2-toastr/ng2-toastr'; @Comp
14 2024-02-22
编程技术问答社区
Angular 2 : 加载嵌套组件会破坏ng2-toastr的现有范围
我在页面上使用了ng2-toastr,并且正常工作,但是当我在页面中有一个嵌套组件时,现有的NG2-toastr(toastmanager)范围被破坏了,toastr不起作用. constructor(public toastr: ToastsManager,public vcr: ViewContainerRef) { this.toastr.setRootViewContainerRef(vcr); } 在我的方法中,我调用 this.toastr.warning('Its Warning','Alert'); 它的工作正常,但是在我加载其他组件时的HTML中,即 我页面中的toastr不起作用(没有错误) 有时我得到: 尝试使用破坏的视图:检测汇率错误:尝试使用破坏的视图:检测到viewDestroyederror 解决方案 通过初始化ngafterviewinit内部的容器解决了
16 2024-02-22
编程技术问答社区
我如何在Angular中的.forroot()中初始化第三方模块
我正在使用Angular 6+建造一个内部库. 我正在使用.forRoot()方法来注册记录的全局服务. 我的库将使用ngx-toastr提供通知.由于我不希望每个项目都直接处理ngx-toastr的所有选项,所以我在notifications服务后面提取大部分. Way ngx-toastr有效,您可以通过将这些全局选项传递给ToastrModule.forRoot(). 来设置全局选项. 如何将ToastrModule配置为我自己的forRoot()? 显然是在.forRoot()内添加任何代码的一个坏主意,但是直接在我的@NgModule()中初始化它的正确方法是一个坏主意吗?这样: @NgModule({ imports: [ToastrModule.forRoot(/* options go here? */)], declarations: [], exports: [] }) export class ToolsCor
8 2024-02-21
编程技术问答社区
ngx-toastr, Toast在Angular 7中无法显示
我目前正在使用Angular7开发Web应用程序.我想包括NGX-TOASTR,以向用户发送通知,但它无法正常工作.当我触发烤面包时,什么也没发生,除了烤面包大小的盒子出现在右下角,但只有在库索悬停时. 按照我如何触发toastr函数的示例.单击按钮可以调用测试. import {ToastrService} from 'ngx-toastr'; @Component({ selector: 'app-action-controls', templateUrl: './action-controls.component.html', styleUrls: ['./action-controls.component.scss'] }) export class Notification implements OnInit { test(){ this.toast.success("I'm a toast!", "Success!"); }
10 2024-02-20
编程技术问答社区
Toastr JS 设置淡出值
我正在使用一个酷警报JS库项目: https://github.com/codesever.com/codeseven/codeseven/codeseven/toastr-/> 我想在一段时间后淡化以下更改. 查看toastr.js文件,我确实看到了选项. 我只是不知道如何访问属性'vadeaway' toastr.info('Processing...'); 我尝试了 toastr.info('Processing...', fadeAway:1000); 如何通过传递参数来使用淡出? 解决方案 在调用toastr.info之前,请设置您选择的选项.例如: toastr.options.fadeOut = 2500; 您可以在此处看到演示中的许多选项:这些是默认值.您可以覆盖其中的许多: options = { tapToDismiss: true, toastClass: 'toast', containerId: 't
10 2024-01-22
编程技术问答社区
使用Toastr的Jquery验证-显示信息
我正在使用jQuery validate.js验证表单.我想将验证消息显示为toastr弹出窗口,我尝试添加这样的toastr函数: .... messages: { "email": { required: function() { toastr.warning("Warning") }, email: "Email is invalid" } }, .... ,但由于某种原因,它可以使弹出窗口复制 - 而不是一个弹出窗口 - 它创建了3 .... 我也想防止消息重复 - 因此,如果有错误消息比仅显示的消息显示 - 无论用户提交多少次... 解决方案 得到了...
6 2024-01-16
编程技术问答社区
关闭按钮的Sticky toastr onclick事件
用户单击通知或单击"关闭"按钮后,我可以执行操作吗?目前,我可以使用options.onclick事件执行第一个选项.但是,我看不到如何在关闭按钮上执行此操作.另外,有一种方法可以执行我对通知淡出的操作? toastr.options = { "closeButton": true, "timeOut": "0", "extendedTimeOut": "0" }; toastr.options.onclick = function () { console.log("Notification clicked"); }; toastr.success("Success, Whooo!!"); 解决方案 您无法在单击时做得很好,因为没有回调.您可以在按钮上使用jQuery Live处理程序. 关于淡出后的通知,使用此; toastr.options.onHidden = function() { console.log("onHid
16 2024-01-15
编程技术问答社区
Jquery toaster onHidden函数
我正在使用jQuery toastr.到目前为止,一切都很棒.我可以很好地展示并关闭烤面包. 我希望能够独特地识别每个烤面包.并在on命函数中使用该唯一标识符.有人做过吗?在闭合吐司周围的Toastr类或Div的近距离事件中致电jQuery的更好选择是更好的选择吗? var mes = 'My name is Inigo Montoya.' + ' '; var mes1 = 'Princess Bride'+ '
8 2024-01-15
编程技术问答社区