0

データベースに渡されるユーザーが入力するテキストボックスによって入力される ASP.Net WebForm( EntryForm.aspx) があります。私のクライアントは、ユーザーがボタンをクリックしてポップアップを開き、ユーザーが読んで確認できるようにフォーマットされたページとして、このポップアップのエントリフォーム テキストボックス (addressTextBox.txt) からのすべての情報を表示することを望んでいます。正しい場合、ユーザーは確認ボタンをクリックしてポップアップを閉じ、元のフォームに戻って確認済みフィールドにデータを入力してから、ユーザーがフォームの次のステップに進むことを許可します。キャンセル ボタンをクリックすると、ポップアップが閉じられ、ユーザーは元のエントリを編集できます。

わかりましたので、ASP パネルと JavaScript を使用してパネルを表示/非表示にすることにしました。これが最も簡単に思えました。やりたいことを実行しているように見えるが、問題がある素敵なスクリプトを見つけました。

私は Site.Master を使用しているので、ページのコンテンツ領域内にスクリプト関数を配置すると仮定します。そのまま

   <asp:Content ContentPlaceHolderID ="MainContent" runat="server">
   <script type =" text/javascript">
       function ShowPanel()
       {
       var panel = document.getElementById("<%=ConfirmPanel.ClientID%>");
       panel.style.display = 'block';
       return false;
       }
       </script>

そして、私はそれを呼んでいます

<asp:Button ID="SubmitInfoButton" runat="server" Text="Submit Entry"
OnClientClick="return ShowPanel();"/>

しかし、パネルは画面に表示されません。助言がありますか?

再度、感謝します

4

2 に答える 2

1

同じページなので、javascript で処理したほうがよいでしょう。

非表示の div を表示するボタンをフォームに配置します (絶対に z-index で配置されます)。

次に、JavaScript を使用して、値を div 内のラベルにコピーします。非表示の div 内に、div を再び非表示にするボタン (確認ボタン) を配置して、フィールドにデータを入力する (または「続行」ボタンを有効にする) ことができます。

于 2013-03-27T20:58:14.810 に答える
0

以前にアプリケーションでこれを行ったときに、Ajax ツールキットの ModalPopupExtender コントロールを使用したことがあり、同じことを行うことを強くお勧めします。モーダル ポップアップは、実際には、モーダルに見えるようにするためにいくつかの css が適用された単なるパネルです。利点の 1 つは、すべてに .net C# または VB コードを使用するだけでよく、javascript をいじる必要がないことです。もう 1 つの利点は、ブラウザ ポップアップよりもモーダル ポップアップの方がプロフェッショナルに見えることです。ただし、javascript に固執する場合は、return という単語を削除してみてください。OnClientClick="return ShowPanel();"それが機能しない場合は、javascript をコード ビハインドに登録し、コード ビハインドのボタンのクリック イベントから呼び出すだけです。

于 2013-03-28T05:51:45.890 に答える