問題タブ [toastr]

toastr 通知を div の途中に表示しようとしています。this oneのようないくつかの提案を見てきましたが、div 内ではなく、ウィンドウ全体に基づいてセンタリングされています。

toastr がフォーム上の要素について何も知らない場合、トースト通知をフォーム要素内の中央に配置することは可能ですか?

私の最近の試みは、トーストをページ内のほぼ中央に配置することでしたが、特定の div 内に中央に配置したいと考えています。それは可能ですか？もしそうなら、どのように？

これは私のセンタリングの試みです:

継続的な通知を希望します。一連のレコードをクエリしていますが、かなり冗長にしたいと考えています。私が欲しいのは、ポップアップして「（の）の詳細を取得しています」というトースト通知です

次に、それらすべての取得が完了したら、通知をフェードアウトさせたいと思います。

これはどれほど難しいでしょうか？

ソリューションに toastr を実装しようとしています。

toastr の追加: webformsの投稿から拡張メソッドを作成しました。

そしてエラーを取得します：SCRIPT5009: 'toastr' is undefined

私の中に参照があり、私のプロジェクトで とmaster pageを使用していますが、すべて問題ありません。jQueryFoundation

ユーザーが空の文字列を挿入しようとすると、コードでエラーを呼び出しています。

私が行った唯一の変更は、toastr.css を取り出してcontent folder、styles フォルダーに移動することです。を調べてtoastr.js、コード内で参照されているかどうかを確認しましたが、どこにも表示されませんcontents folder。これは私が間違っているところですか？

Chrome を開いて、コンソール ウィンドウに入力toastrすると、ページに表示されます。

私のフォルダーはルートにあり、サブフォルダーで使用しているため、toastr.js最初の行では、この前にバックスラッシュを付ける必要があります。それが問題かもしれないと思うので、jqueryの場所をどうやって知るのですか??; (function (define) { define(['jquery'], function ($) {toatsrtoatsr

toastr js ライブラリを使用しようとしています。

toastr.js、toastr.css、toastr-responsive.css を含めました。

しかし、これはうまくいきません。そして、ブラウザコンソールでエラーは発生しません:

何が原因でしょうか？

div クリックでトーストの positionclass を変更しようとしています。

positionclass:Bottom に変更されません。ここで何が欠けていますか？

と使い方

toastr.optionsOverride = 'positionclass:toast-bottom-full-width';

更新 1

デバッグ後、toastr.js の以下の getOptions メソッドが「positionclass:toast-bottom-full-width」を「toast-top-right」にオーバーライドしていることに気付きました

update 2 toastr.js の 140 行目で m optionsOverride が options.?? に正常に拡張されていません。

更新 3 位置の問題は修正されましたが、以下のように位置クラスについて 3 回言及する必要があります。これを達成するためのノイズの少ない方法があると確信しています。

いくつかの通知に使用toastrjsしていたところ、この小さな問題に遭遇しました。理想的には、nodejs でライブラリをインポートするときは、次のimportようにステートメントを作成する必要があります。

しかし、これをtoastrで試してみると、参照パスを含めた後でもエラーが発生します。したがって、次のようなものです。

次のエラーが表示されます。

のような通常のノードモジュールとどうtoastr違うのhttpですか?

更新 1

同じことをしようとしましたjQueryが、同じ問題があります。これは、クライアント側になるように設計されたフレームワークでは機能しないということですか?

アプリケーション内で例外またはエラーが発生したときに、Toastr を使用してユーザーにエラーを表示する方法を見つけようとしています。私が直面している問題は、Toastr を使用して現在のビューに表示されているコントローラーまたはデータ アクセス レイヤーで例外が発生する可能性がないことを示唆しているようです。

このシナリオに遭遇したことがある人がいるかどうか、またそれに対する解決策は何でしたか?

私が達成しようとしているのは、未処理の例外があるとき、または誰かが例外を手動で処理するときはいつでも、ワークフローを中断することなくユーザーにエラーを表示できることです。Toastr が提案されましたが、完全に JavaScript であるため、MVC4 アプリケーション内で Toastr を実装する最善の方法がわかりません。

私が検討している 1 つのオプションは、着信エラー文字列を処理するように既定のインデックス コントローラーを設定することです。これにより、わかりやすいリダイレクトを行うために、Global.asax.cs の Application_Error メソッドからリダイレクトできるようになります。 string が null でない場合、インデックス ビューで toastr を使用できます。ただし、リダイレクトが必要であり、ワークフローが中断されるため、これは理想的ではありません。また、例外をスローしたり、javascript 内ですべてのエラー処理を実行したりせずにエラーを表示することはできません。

その他の重要な情報は、Telerik Kendo UI と Razor Syntax を使用していることです。