首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

toastr通知使用tempdata属性不起作用

toastr通知是一种常用的前端插件,用于在网页中显示各种通知消息,如成功提示、错误提示、警告提示等。它提供了丰富的样式和配置选项,可以轻松地定制通知的外观和行为。

在ASP.NET MVC中,使用tempdata属性来在控制器和视图之间传递临时数据。然而,使用tempdata属性来传递数据给toastr通知可能会遇到一些问题,导致通知无法正常显示。

这是因为tempdata属性是基于会话(session)的机制,而toastr通知是在前端页面中通过JavaScript代码来显示的。由于前后端是分离的,无法直接访问会话数据,因此无法直接使用tempdata属性来传递数据给toastr通知。

解决这个问题的一种常见方法是在后端控制器中将需要显示的通知消息存储在ViewBag或ViewData中,然后在前端视图中通过JavaScript代码读取这些数据,并使用toastr插件来显示通知。

以下是一个示例代码:

在控制器中:

代码语言:txt
复制
public ActionResult Index()
{
    // 存储通知消息到ViewBag
    ViewBag.NotificationMessage = "这是一条成功提示消息";
    ViewBag.NotificationType = "success";

    return View();
}

在视图中:

代码语言:txt
复制
@if (ViewBag.NotificationMessage != null)
{
    <script>
        // 通过JavaScript代码读取ViewBag中的通知消息,并使用toastr插件显示
        toastr.@ViewBag.NotificationType("@ViewBag.NotificationMessage");
    </script>
}

这样,当访问Index视图时,会在页面加载时触发JavaScript代码,读取ViewBag中的通知消息,并使用toastr插件显示相应的通知。

需要注意的是,这只是一种解决方案,实际应用中可能会根据具体情况进行调整。另外,toastr插件的具体使用方法和配置选项可以参考其官方文档。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云对象存储(COS),腾讯云数据库(TencentDB),腾讯云人工智能(AI),腾讯云物联网(IoT),腾讯云移动开发(移动推送、移动分析),腾讯云区块链(BCS),腾讯云元宇宙(Tencent XR),具体产品介绍和链接地址可以在腾讯云官网进行查找。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

用VSCode开发一个asp.net core 2.0+angular 5项目(4): Angular5全局错误处理

先别急, 让我们在errorhandler里面使用toastr试试. app.error-handler.ts: import { ErrorHandler } from '@angular/core'...('发生了错误'); } } 使用Injector来手动注入ToastrService....比如angular的一个component有一个click事件, click()方法里更新了某些属性的值, 这个时候angular就需要进行变化检测, 如果真的发生了变化, 那么angular 就会更新...Angular就使用了这个库, 在它之上建立了ngZone这个模块. 就这样angular在发生异步操作后进行到了变化检测....所以当错误发生的时候, toastr的error方法被调用了(状态改变了), 但是angular并不知道这个变化, 所以toastr通知没有显示. 那如何解决呢?

1.5K50

iOS 本地推送概念步骤:属性:点击通知跳到指定控制器界面快捷回复功能(iOS 8以后可用), category 属性使用方法

---- 步骤: 1.创建本地通知对象 UILocalNotification *localNotifi = [UILocalNotification new]; 2、设置属性,参照下面 3、调度本地通知...(如果设置了 repeatInterval 重复属性,注意手动删除通知对象) 两种方式: (1)删除当前程序注册的所有通知,不重复的也会被取消 [[UIApplication sharedApplication...[[UIApplication sharedApplication]presentLocalNotificationNow:localNotifi]; ---- 属性: 1、通知触发时间 @property...,单位是日历组件,最小单位是分钟,0代表不重复,如果此属性设置了, 那么调度池不会用完释放!...跳转到指定控制器 rootController.selectedIndex = [selectIndex intValue]; } ---- 快捷回复功能(iOS 8以后可用), category 属性使用方法

2.5K60

UGUI系列-Dropdown控件研究(Unity3D)

一、前言 Dropdown下拉列表,控件还是很强大的,做UI的时候用的比较多,现在就将Dropdown使用中的一些经验总结起来,分享给大家了 二、参考资料 UGUI 中Dropdown控件的使用经验...Unity3D UGUI中的dropdown控件使用总结 Unity(一)关于Unity Dropdown控件的使用心得 三、正文 对于Dropdown控件的研究,我将分成这么几个部分: 1、控件的组成以及属性面板介绍...2、控件的初始化以及内容显示 3、增加节点以及删除节点 4、事件监听方式 1、控件的组成以及属性面板介绍 Label是显示初始化的文字 Arrow是显示初始化的下拉箭头 Template是Dropdown...然后我们看一下Dropdown的属性面板: Caption Text和Caption Image是作为下拉列表首选项的文字和图片显示,也是我们每次选择后的内容,因此可代码调用获取 Item Text...= Drd_IPList.options[0]; Drd_IPList.options.Remove(m_TempData); } 删除后: 4、事件监听方式 使用Dropdown

1.4K40

instantclick实现的全站无刷新

项目官网:http://instantclick.io/ 项目地址:https://github.com/dieulot/instantclick 使用这个预加载js 因为前两种方式可能比较浪费资源,...所以我们使用鼠标点击后进行预加载方式,代码类似如下 InstantClick.init('mousedown'); 注:我使用的是instantclick3.1.0的版本。...这里不着重讲instantclick的使用方法,建议去官网查阅 搜索功能这样的非超链接怎么实现不刷新 在香菇的点拨之下,我们强行将搜索功能表单模式变成了超链接,效果如下 搜索功能.jpg 因为搜索结果地址一般为是站点地址加...id) { // 出错 $(submit_btn).attr('disabled', false).fadeTo('', 1); } } ajaxc(); 注:上述代码中提示功能使用了...jquery通知插件toastr,如果你不想使用可将上述代码中的 toastr.info改成alert 代码参考文章: 原作者文章:http://www.iyanlei.com/typecho_ajax_comment.html

1K10

ASP.NET MVC 3中ViewBa

ViewData也是WebViewPage类中的一个属性,但他的类型是ViewDataDictionary。...但是区别在于,ViewData的写法是按照序列访问那样,通过索引访问,而ViewBag是通过属性访问。事实上,在编译阶段,编译器无法知道ViewBag所给的属性是否存在,这都是在运行时决定的。...在使用ViewBag的时候,有一个好处就是不需要做类型转换。因为是dynamic类型,只要保证在运行时的类型正确既可以了。...TempData的出现可以存在多个请求,但是,也被限制于当前请求和下一次请求(通常是Redirect)。它的内部实现是使用了Session。...void Test2(){ string text = TempData["text"] as string; RenderView("Test2"); } 如上面的例子,Index中的TempData

89410

基于Metronic的Bootstrap开发框架经验总结(6)--对话框及提示框的处理和优化

那么这里我们就来介绍下jNotify插件和toastr插件了。 1)jNotify提示框的使用 jNotify提示框,一款优秀的jQuery结果提示框插件。...2)toastr插件的使用  toastr 是一个Javascript库用于创建Gnome/Growl风格,非阻塞的页面消息提醒。...,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成JS,非常的方便使用。...插件地址是:http://codeseven.github.io/toastr/ 它可以分别创建如下几种效果:警告、危险、成功、提示的对话框信息,效果如下所示。 ? 它的使用JS代码如下所示。...//清除当前的列表 toastr.clear() 这个插件的参数定义说明如下所示。

5.1K50

Vue 3 创建应用实例

应用实例 实验介绍 本章节主要是对 Vue 应用实例的讲解,我们都知道在 Vue 2.x 是通过 new Vue() 来创建 Vue 应用的,但是在 Vue 3.0 中不是这样的,使用 createApp...我们打开 src/main.js,看到引入了一堆东西,我们看到最后一行代码最吸引我们的眼球,对的,就是他创建了一个应用实例,从 Vue 中导出了 createApp 静态方法,传入 App 组件,然后使用...我们来看看浏览效果,我们发现我们从来没有定义过的属性,也是可以直接响应到我们的页面上的,至于原理我们暂时不讲,后面会讲到,我们先把基础的学会就行了: ?...Object.freeze() 为什么要讲解这个属性呢?...因为在实际应用情况中,我们可能在展示一些仅仅只是展示的列表的数据,这些数据仅仅只是展示给用户看,并不需要响应式监测,所以我们可以使用这个属性来脱离 Vue 响应式系统的监测: 继续在 src/main.js

4.2K30

MVC入门

传值 格式为: C(控制器中):Tempdata["key"]="tempdata" , V(视图中取值):Tempdata["key"] (4)Mode(???)...Viewdata与Tempdata的区别: (1)viewdata 传值时不能跨方法,否则值会丢失,只能是在本方法到本视图 。 (2)tempdata 可以跨方法传值(取值)值不会丢失。...Request["2" ] name 值   (3)对象传值   要有对象首先得必须有类的存在 格式为:  public actionResult   methon( 类名  变量(m)) { m.属性名...       //得到界面传来的值 } 特别强调:通过对象传值,需保证form表单中的name与类中的属性名称一样 (4)formCollection传值 格式为: 格式为:  public actionResult...return "用户名:" + userNam + "\n" + "密码:" + pwdd; } /// /// 使用

83720
领券