0

Webアプリケーション(ASP.NET with C#、Visual Studio)で[予約]ボタンをクリックすると、選択可能な詳細オプション(値、コンボボックスなどのドロップダウンリスト)を含む小さなウィンドウがポップアップ表示され、「 「次へ」リンク、そして最後に「終了」。これらのコントロールの値を変更すると、データベース(Microsoft Sql Server)にあるテーブルが更新されます。

この詳細で有用なリソース/例を教えていただけますか?私はすでにステップ/説明の形で書かれたインスピレーションのための本(クリスチャンダリー)を使用していますが、今説明したシナリオは含まれていません。何を探すべきですか?「VisualStudioでポップアップウィンドウを使用する」?私が説明したものはポップアップウィンドウとして知られていますか?

JavaScriptがわかりませんが、ここで必要ですか?最近、クラス、メソッド、ストアドプロシージャ、マスター、ユーザーコントロールタイプファイル、Visual Studioのクラスとメソッドを介したdbテーブルの処理などで多くの練習をしていますが、これらはまだ新しいものです(基本的に1か月前)。どうもありがとう!

4

3 に答える 3

2

JavaScriptを使用する必要はありませんが、通常のポップアップウィンドウよりも少し凝ったものが必要な場合は、javascriptが適しています。私が見ているように、それは基本的にそれを行うための4つの主な方法です:

1

「詳細」を使用して新しいASPXファイルを作成し、ポップアップをメインウィンドウのデータに接続するために、クエリ文字列を詳細ビューのURLに送信します。これの鍵は、htmlの「a」タグの「target」プロパティです。例えば:

<a href="mynewwindow.aspx?i=3" target="_NEW">Details</a>

2

通常のJavaScriptを使用して、いくつかのカスタムプロパティ(つまり、ポップアップのツールバーウィンドウサイズなど)を使用してポップアップウィンドウを作成します。javascriptでwindow.openを探します。

例:

<a href="#" onclick="window.open("details.aspx?i=3","mywindow","menubar=1,resizable=1,width=350,height=250");">Details</a>

3

jQueryを使用して、ライトボックスを使用してモーダルダイアログ形式でポップアップを開きます。この代替案については、例はありませんが、google jQueryライトボックスには、それらのヒープがあります。これをAJAX呼び出しで使用して、目標を達成してください。

4

そして最後に、ASP.NET AJAX Control Toolkit(ここを 参照:http://www.asp.net/ajaxlibrary/act.ashx )を使用して、ModalPopupExtender(チュートリアルはここ:http://www.asp)をダウンロードしてインストールします。ツールキットのnet/ajaxlibrary / act_ModalPopup.ashx)。この場合、<asp:Panel>コントロールで「詳細」ビューを設計し、CSSとModalPopupExtenderを使用して詳細を表示および非表示にすると、外観は次のようになります。ライトボックスですが、このオプション用に別のASPXページを作成する必要はありませんが、同じASPXを使用できます。

私は4つのオプションすべてで多くのことを行ってきました。私は、4番目の選択肢が一番好きになる傾向がありますが、私たち全員が独自の好みを持っています。

幸運を祈ります。詳細については、お気軽にお問い合わせください。:)

于 2012-06-14T16:33:35.420 に答える
1

これを段階的に進めていきましょう。その情報を送信するには、パラメータをセッション変数として保存し、ポップアップが閉じたときにそれらをリロードするのが最も簡単な方法だと思います。たとえば、Javascriptの「onunload」イベントを使用して親ウィンドウをリロードできます。

<body onunload="window.opener.location.reload(true);"> 

これは、ユーザーがポップアップを閉じるたびに、それ自体で親ウィンドウをリロードします。ユーザーが変更を保存したとき(およびセッション変数が設定されたとき)に閉じたい場合は、このコードを使用して親ウィンドウを再読み込みし、ポップアップを閉じます。このコードを、データを保存するメソッドの最後の直前のコードビハインドに配置します。

Page.ClientScript.RegisterStartUpScript(this.GetType(),"close","<script language=javascript>window.opener.location.reload(true);self.close();</script>");

javascriptを学ぶには、codeproject.comを見てください。javascriptに関する記事がたくさんあり(とりわけ)、多くの場合、サンプルコードが含まれています。:)

ここで簡単な例を示しました:http ://www.4shared.com/zip/LPtR1gbx/pop.html

于 2012-06-14T21:20:57.773 に答える
0

<div>実際の新しいブラウザウィンドウではなく、要素を使用することをお勧めします。

これにより、ポップアップウィンドウから元のウィンドウにコンテキスト情報を渡す必要がなくなり、それに伴うすべての複雑さ(ユーザーが誤ってポップアップウィンドウをクリックしたり、複数回クリックしたりして起動したりするなど)がなくなります。ポップアップウィンドウの複数のコピーなど)。

<div>CSSまたはJavaScriptを介して制御された可視性を介して「ポップアップ」するを使用することにより、コンテキスト全体が同じWebページに保持され、全体的に非常に簡単になります。

于 2012-06-14T16:54:34.113 に答える