NToastNotify下載 - NToastNotify原始碼下載

NToastNotify

其他類別

8.0.0

下載

特徵

伺服器端 toast 通知渲染。
AJAX 呼叫上的 Toast 通知。 XMLHTTPRequests - 完全支援。 fetch API - 部分支援（請參閱範例）。
支援功能資料夾項目結構。
支援多個客戶端程式庫：toastr.js 和 noty.js。可以輕鬆擴展以支援更多。

示範

諾蒂|來源
烤麵包|來源

開始使用

1.從Nuget安裝

Visual Studio Nuget 套件管理器 - Install-Package NToastNotify

dotnet CLI - dotnet add package NToastNotify

2. 將 NtoastNotify 新增至 ASP.NET Core 服務。使用`IMVCBuilder`或`IMVCCoreBuilder`上的擴充方法

對於 Toastr.js [注意：toastr 函式庫依賴 jQuery ]

 using NToastNotify.Libraries;services.AddMvc().AddNToastNotifyToastr(new ToastrOptions(){ProgressBar = false,PositionClass = ToastPositions.BottomCenter});//或直接去 services.AddMvc().AddNToastifyToastr();

對於 Noty.js

 using NToastNotify.Libraries;services.AddMvc().AddFeatureFolders().AddNToastNotifyNoty(new NotyOptions {ProgressBar = true,Timeout = 5000,Theme = "mint"});//或簡單地goservices.AddMvc(Noty&NTo) ;

注意：確保您有必要的 using 語句。

ToastrOption 參數可作為 toast 函式庫的全域選項。如果未提供任何選項，則全域設定將是預設的 toastr 選項。

3.添加中間件

 公共無效配置（IApplicationBuilder 應用程序，IHostingEnvironment env）
 {//注意此行必須位於 .UseMvc() line.app.UseNToastNotify();app.UseMvc(routes =>{routes.MapRoute(name: "default",template: "{controller=Home}/{action =索引}/{id?}");});
 }

4. 在 html 檔案中新增以下行。最好在您的佈局頁面中。

 @await Component.InvokeAsync("NToastNotify")

上面的行渲染了視圖元件所需的視圖。儘管您可以將此行放置在head或body標記內的任何位置，但建議您將此行放置在結束body標記之前的末尾。

5. 新增您的吐司訊息。

使用 toastr

 public class HomeController : Controller{private readonly IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}public IActionResult Index(){//測試檢測方法/Success_Notification;}public IActionResult Index(){//測試檢測方法/Success_sNotification/Succivation"M);預設選項成功（考慮到Startup.cs 中初始化時所覆寫的預設值）_toastNotification.AddSuccessToastMessage();//Info_toastNotification.AddInfoToastMessage();//Warning_toastNotification.AddWarningViewToastMessage();//Notror_pastidation (Misrror); );}public IActionResult About(){_toastNotification.AddInfoToastMessage("您已被重新導向");return View();}public IActionResult Contact(){_toastNotification.AddAlertToastMessage("您將被重新導向");return RedirectToAction(return "關於");}public IActionResult Error(){_toastNotification.AddErrorToastMessage("此請求出現問題。");return View();}public IActionResult Empty(){return View();}public IActionResult Ajax(){ _toastNotation){ _toastNotation .AddInfoToastMessage("此頁面將發出ajax請求並顯示通知。");return View();}public IActionResult AjaxCall(){System.Threading.Thread.Sleep(2000);_toastNotification.AddSuccessToastMessage("xtoastification.AddSuccessToastMessage("請求。 AJAX 呼叫 " + DateTime.Now.ToLongTimeString());return PartialView("_PartialView", "Ajax 呼叫");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "普通 Ajax 調用"); ErrorAjaxCall(){拋出新的例外(“發生錯誤”);}}

使用 noty （基本上是相同的，唯一改變的是選項類型，這裡是 NotyOptions）

 public class HomeController : Controller{private readonly IToastNotification _toastNotification;public HomeController(IToastNotification toastNotification){_toastNotification = toastNotification;}public IActionResult Index(){_toastNotification = toastNotification;}public IActionResult Index(){_toastNotification. ons(){Timeout = 0});return View();}public IActionResult About(){ViewData["Message"] = "您的應用程式描述頁面。";_toastNotification.AddAlertToastMessage("我的關於警告訊息");return View( );} public IActionResult Contact(){ViewData["Message"] = "您的聯絡頁面。";_toastNotification.AddInfoToastMessage("不要混淆。<br /> <strong>您已從聯絡頁面重定向。<strong/ >"); return RedirectToAction("關於");}public IActionResult Error(){_toastNotification.AddErrorToastMessage("此請求出現問題。");return View(new ErrorViewModel { RequestId = Activity.Current?Con.Id ?? HttpContext. TraceIdentifier });}public IActionResult Ajax(){_toastNotification.AddInfoToastMessage("此頁面將發出ajax請求並顯示通知。");return View();}public IActionResult AjaxCall(){System.Threading.Thread.Thread2000000 ) ;_toastNotification.AddSuccessToastMessage("此 toast 在 Ajax 請求上顯示。 AJAX 呼叫 " + DateTime.Now.ToLongTimeString());return PartialView("_PartialView", "Ajax 呼叫");}public IActionResult NormalAjaxCall(){return PartialView("_PartialView", "普通 Ajax 調用"); ErrorAjaxCall(){拋出新的例外(“發生錯誤”);}}