問題タブ [jquery-dialog]

アプリケーションでいくつかの jquery ui ダイアログを使用して、ユーザーからの入力を収集し、CRUD 操作を行います。ページでダイアログが必要な場合、次の手順を実行します。

最初に、このようにダイアログを初期化するために必要な最小限のマークアップとコードを定義します

そして、DOM の準備ができたら、

次に、必要に応じて ajax 呼び出しを使用してダイアログにコンテンツを読み込みます。

この

ajax 呼び出しは、ダイアログ内に表示され、動的にサイズ変更される強力な型指定されたビューを返します。厳密に型指定されたビューには、他の ajax 呼び出しを実行するボタンがいくつかあります (たとえば、データベースで検証して永続化するコントローラー アクションに対して)。これらの呼び出しは通常、ダイアログ DIV に追加される HTML コードを返します。

私の質問は次のとおりです。ダイアログを閉じるにはどうすればよいですか? ダイアログの右上隅にある「X」ボタンをクリックするか、ESCキーを押すことで実行できますが、強い型付きビュー内にあるボタンをクリックした結果として実行したいと思います。

ただし、この種のコードは使用したくありません

#dialogPanel DIV 自体を定義しない、厳密に型指定されたビュー内。

良い解決策は何ですか？

私のアプリケーションには、非常にうまく機能するモーダル ダイアログが 1 つあります。以下の関数でダイアログのセットアップとオープンを行います

ここで、前のダイアログ内にあるボタンから別のダイアログを開く必要があります。次のコードのように、別の div ("__gsl_DialogPanel_2L") を作成し、新しいダイアログを参照する setup および open 関数を複製しました。

問題は、2 番目のダイアログがまったく開かないことです。Chrome 開発者ツールで確認したところ、div には ajax 呼び出しから受け取った適切な HTML が含まれていますが、スタイル プロパティに「display: none」がまだ含まれていることがわかります。

私はどこで間違っていますか？

アップデート：

これらは、使用される div です。これらは、BODY タグの直後のマスター ページにあります。

2回目の更新：

JSBinで簡単なサンプルを作成しました。ここで見つけることができます。何か助けはありますか？

次のような HTML 設定があります。

ヘルプアイコンがクリックされたときにjqueryにダイアログを表示させようとしているので、これがあります:

最初にダイアログを表示するのはうまくいきますが、アイコンをクリックするとスパンが DOM から消えます。そのため、アイコンをもう一度クリックしても何も起こりません (検索する span.help がないため)。

ASP.NETでjQuery ダイアログを使用しています。ダイアログで[OK]ボタンをクリックしたときを除いて、正常に動作しています。エラーが発生した場合は、ラベルにエラーを表示したいと思います。ダイアログを閉じるイベントが発生するまでには、手遅れです。エラーが発生した場合でもダイアログを表示するにはどうすればよいですか。エラーが発生したときにダイアログを閉じたくありません。

コード ビハインドでは、JQuery メソッドを呼び出していません。

アプリでjQueryモーダルダイアログを使用して、通常のCRUD操作を処理しています。場合によっては、2つのスタックされたモーダルダイアログでさえ開いています。

次に、外部javascriptファイルに2つのジェネリック関数を作成して、CRUDフォームの表示と送信をそれぞれ処理しました。

モーダルダイアログを表示するには、次の関数を呼び出します

この関数は、とりわけ、levelダイアログをスタックする方法と、ajax呼び出しから返されるレンダリングされた部分マークアップを配置する場所を関数に指示するパラメーターを受け取ります。この関数は正常に機能します。

ajax呼び出しによって返される部分ビューの内部に入力があり、最後に次のコードがあります

そして、例えば、jQueryの部分については、

ご覧のとおり、送信機能には次の署名があります

そしてそれは処理します

• 正しいコントローラーアクションへのフォーム送信
• ユーザーフィードバック（例：「アクションが正常に実行されました」）
• ダイアログを閉じる操作

レベルパラメータは、ダイアログを閉じることを含むすべての機能を、使用される正しいDIVパネルにアドレス指定するために必要です。

同じダイアログをダイアログとして表示したり、サブダイアログとして表示したりしたいと思います。
これを実行できるようにするには、「論理的に言えば」という意味です。私はjavascriptとjQueryにそれほど強くないため、次の変更が必要です。

• ダイアログマークアップ自体の中にパラメータ_loadDialogを保存するように関数を変更しますlevel
• 関数を変更し、以前に関数から保存され_submitFormた正しいパラメーターを使用して作成します。level_loadDialog

どうすればこれを達成できますか？

開いているダイアログのリンクをクリックすると、ダイアログを開いた元の親ウィンドウにコンテンツが読み込まれます。親の代わりにコンテンツを強制的にダイアログにロードするにはどうすればよいですか?

親：

ダイアログポップアップ:

テキストエリアのあるダイアログを使用しています。[OK]ボタンをクリックすると、textareaの値がajax経由でサーバーに送信されます。
ユーザーが初めてテキストエリアに書き込むと、値は正しく読み取られますが、その後のすべてのアクションで、送信される値は、ユーザーが同じ文字列を何度も入力した場合と同じです。

部分ビューを含むダイアログがあります。ユーザーがダイアログをキャンセルして保存しないことにした場合、ユーザーがダイアログ内で行った変更を元に戻すことは可能ですか?

ユーザーが同じダイアログを開いた場合、ユーザーがダイアログをキャンセルしても、変更は残っています。コントローラーを呼び出して部分ビューを置き換えることができることを知っています。

他に方法はありますか？

常にページ上に要素を持ち、そこからダイアログを作成する必要はなく、JavaScriptでモーダルコンテンツを定義する方法はありますか？

タイトルオプションがあるので、「動的に」モーダルタイトルを作成できますが、実際のコンテンツはどうですか？「画像＃539を削除します」と言う必要があります。考えられるすべての画像に対してモーダルを作成するのではなく、要素を作成してそこからダイアログを作成することもできます。

より良い方法が必要です。

私がやろうとしていることを簡単に説明すると、モーダル メッセージを作成する簡単な方法を作ろうとしています。コードの繰り返しを減らそうとしています (すべてのダイアログを作成したくありません)。したがって、モーダルのタイトルとコンテンツとボタンを定義してから、関数 (doModal()) を呼び出すことができれば幸いです。

何らかの理由で、以下のコードはボタンを正しく渡しません (ボタンは表示されません)。単純modal.buttonsにこれに置き換えると：

それならうまくいくでしょう。しかし、ボタンを定義する簡単な方法はありません。これは、私がやろうとしていることとは逆です。

現在のコードは次のとおりです。