toast 相关问题

Blazor 服务器应用程序的全局 toast 服务 Bootstrap

我正在开发一个使用 Blazor Server (.NET 8) 和 Bootstrap (2.0.0) 的项目，我想使用 Bootstrap 的 toast 组件。我想使用 Global toast 服务来显示我的 toast...

nextjs 和 React-hot-toast 问题

从“next”导入类型{元数据}； 从“next/font/google”导入{Inter}； 导入“./globals.css”； // 从“./(components)/Toastify”导入ToastProvider；

Powershell toast 问题

我正在尝试通过 Powershell 发送 toast 通知，并在我的本地主机上运行，效果很好。我有两种方法来生成 toast：一种是使用 BurntToast 模块，另一种是使用 X...

iOS13如何隐藏状态栏？

我想自定义一个Toast视图，需要隐藏状态栏。在 iOS 13 之前，我通过 获取状态栏。 但在 iOS 13 中会崩溃。那么iOS 13中有没有一些方法可以获取状态栏呢？ 或者...

WPF .Net Framework 4.8 的窗口 Toast 通知显示为空

我按照以下说明安装了 Microsoft.Toolkit.Uwp.Notifications NuGet 包： https://learn.microsoft.com/en-us/windows/apps/design/shell/tiles-and-notifications/send-local-toast?tabs=

无法解决编译@angular/animations

我需要帮助，我想解决这个问题，但我不能，因为我不知道从哪里开始 在此输入图像描述 当我使用 ngserve 运行我的 lacal 服务器时，出现此错误 这是船尾...

测试 Jest 是否显示 Toast 消息

我正在使用 Jest 测试我的 React Native 应用程序，我想测试 Toast 何时显示消息。 我在我的一个回调中使用这样的吐司： 如果（引脚不匹配）{ 吐司.show({ ...

如何在React服务器组件中显示Toast？

我正在将 Next.js 14 与应用程序路由器一起使用。 我有两个服务器组件： 显示多个产品的列表页面/产品 产品详细信息页面/products/{id}。 在 /products/{id} 上我检查是否...

WPF Toast 通知

我是 WPF 新手，之前一直在开发 WinForms 和 WebApps，并且我的大部分应用程序都可以正常工作。我现在想添加一些 Toast 风格的通知。据我所知，还没有建造任何东西......

我正在尝试安装react cogo toast，但是在我使用命令 npm install --save cogo-toast 之后我在控制台中可以看到的是：

npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解析依赖关系树 npm 错误！ npm 错误！解析时：[email protected] npm 错误！发现：[email protected] npm 错误！节点模块/反应 npm 错误！

使用javascript添加多个toast通知，每个通知都有自己的消失时间

我是学生，这是我第一次来这里！ 所以我第一次尝试编写一个 toast 通知，这是我的：toast notification 问题是，当我添加其中几个时，5秒后，t...

吐司上的事件已隐藏

我开发了一个游戏，想通过toast显示一个对话框：每个句子在不同的toast中并一个接一个地显示，但我找不到toast的事件，如隐藏/销毁。 我可以做一些类似的东西吗

Tamagui toast 给出有关 PortalProvider 的错误

我尝试在我的应用程序中使用 Tamagui toast 并收到有关 PortalProvider 的错误（屏幕截图中给出）。我正在从 expo+nextjs 起始代码中获取参考，以获得一个最基本的 e...

React Router 6 - 使用不同的路由路径将数据/状态从操作传递到加载器

我有一个包含帖子列表和帖子详细信息的应用程序。现在我试图弄清楚如何在编辑帖子后有效地显示带有一些文本的吐司。 假设我有： 从“

React Native 多行 Toast 消息

美好的一天。 我想在React Native APP中添加多行toast消息。然而2号线总是被切断。 这是我的代码： 让 errString = 错误.join(" ”）； 警报（错误...

bootstrap 5 toast 显示列表中的特定 toast

我一直在使用bootstrap中的toast，当你只使用一个toast来显示时，它工作得非常好。但每当我想显示许多预置 toast 列表中的特定 toast 时，例如错误 t...

Angular 5 小吃店通知

我想实现通知消息，例如 “成功！您的详细信息已添加” “警告！出了点问题” “危险！你无权访问此内容” 我已经在我的

‘#selector’的参数不能引用全局函数

我做了一个Toast功能如下 通用函数.swift 导入 UIKit func showToast（toastTitle：字符串，toastText：字符串，类型：ToastType，位置：ToastPosition = .center，样式：ToastSt...

Toast 消息颜色 Django

在 django 应用程序中，我想从视图返回消息并使用 toast 显示它。 我的主页是： 在 django 应用程序中，我想从视图返回消息并使用 toast 显示它。 我的主页是： <div class="toast-container p-3"> <div id="toast" class="toast align-items-center text-white bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div id="toast-body" class="toast-body"></div> <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> </div> <div class="col-md-3"> <div id="Chamber_list"> {% if messages %} {% for message in messages %} {% if message.tags == 'error' %} <div class="alert alert-danger" style="...">{{ message }}</div> {% else %} <div class="alert alert-success" style="...">{{ message }}</div> {% endif %} {% endfor %} {% endif %} {% include 'Home/MOG_Division/rooms/Detaile/Chamber_list.html' %} </div> </div> 这是我的views.py代码 > def edit_actl(request, pk): theroom = get_object_or_404(room_actual, pk=pk) form_erAO = False if request.method == "POST": form = room_actualForm(request.POST, instance=theroom) try: if form.is_valid(): form.save() response_data = {'success': True,'message': 'Room updated successfully'} response = HttpResponse(json.dumps(response_data), content_type='application/json',status=204) response['HX-Trigger'] = json.dumps({"roomListChanged": None, "showMessage": f"{theroom.room} {theroom.first_name} updated." }) return response except ValueError: form_erAO = 'Check your input dates' response_data = {'error': True, 'message': 'Room Already Occupied, Try another range'} response = HttpResponse(json.dumps(response_data), content_type='application/json',status=204) response['HX-Trigger'] = json.dumps({"roomListChanged": None, "showMessage":'Try another range'}) return response else: form = room_actualForm(instance=theroom) return render(request, 'Home/MOG_Division/rooms/Detaile/Actul_form.html', { 'form': form, 'theroom': theroom, 'form_erAO' : form_erAO }) 这是我的表单 html 页面： <form method="post" id="yourFormId" hx-post="{{ request.path }}" hx-headers='{"X-CSRFToken":"{{ csrf_token }}"}' class="modal-content"> <div class="col-sm-12"> <div class="form-group row"> <div class="col-sm-4">{{ form.as_p }}</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button> <button type="submit" class="btn btn-primary">Enregistrer</button> </div> </form> <script> document.getElementById('yourFormId').addEventListener ('submit', function(event) { event.preventDefault(); var form = event.target; var formData = new FormData(form); fetch(form.action, { method: form.method, body: formData, headers: { 'X-CSRFToken': '{{ csrf_token }}', }, }) .then(response => { console.log('Raw Response:', response.text()); return response.json(); }) .then(data => { handleResponse(data); }) if (data.error) { document.getElementById('toast').classList.remove('bg-danger'); document.getElementById('toast').classList.add('bg-danger'); } else { document.getElementById('toast').classList.remove('bg-success'); document.getElementById('toast').classList.add('bg-success'); } var toast = new bootstrap.Toast(document.getElementById('toast')); toast.show() }) </script> 问题是我需要在错误时更改消息的颜色。 当我使用 ; 时，Javascript 不起作用 if (data.error) { document.getElementById('toast').classList.remove('bg-danger'); document.getElementById('toast').classList.add('bg-danger'); } else { document.getElementById('toast').classList.remove('bg-success'); document.getElementById('toast').classList.add('bg-success'); } 但是什么时候 我设置它时没有 if (data.error) 它给了我一条红色的 toast 消息 document.getElementById('toast').classList.remove('bg-danger'); document.getElementById('toast').classList.add('bg-danger'); 你有什么解决办法吗？ Django 内置了消息框架。只需使用它 - 它会为您省去很多麻烦:) https://docs.djangoproject.com/en/5.0/ref/contrib/messages/

使用 Sweet Alert 的 Toast 消息

我的吐司消息有问题。而不是在我填写表单提交后立即弹出 toast，即使我不提交表单提交，甚至我来自另一个页面，toast 仍然会出现...