ASP.NET AJAX Control Toolkit : ModalPopup 표시를 한 다음 Postback을 수행하십시오.

Question

사용자가 ASP 버튼을 클릭하면 모달 팝업을 표시하고 싶습니다. 사용자는 패널 옵션을 선택해야합니다. 선택한 옵션의 값은 숨겨진 입력 및 ASP.NET 버튼에 저장해야합니다. 해야만한다 ㅏ 포스트 백.

내가 할 수 있습니까?

고맙습니다!

Answer 1

마지막으로, 나는 modalpopup을 보여주기 위해 jQuery를 사용하기로 결정했습니다. 다음 질문에는이 질문에 대한 답이 있습니다.

jQuery UI의 대화 상자는 ASP.NET에서 작동하지 않습니다

동의하지 않으면 말해줘.

Answer 2

Postback을 사용하여 ModalPopupextender를 표시 할 수 있습니다. 보이지 않는 목표 제어가 필요합니다. 익스텐더는이 숨겨진 제어에 부착됩니다.

<asp:Button runat="server" ID="btnShowModal" Text="Show" 
     OnClick="btnShowModal_Click" /> 
<asp:Button runat="server" ID="HiddenForModal" style="display: none" />
<ajaxToolKit:ModalPopupExtender ID="Modal1" runat="server" 
     TargetControlID="HiddenForModal" PopupControlID="PopupPanel" />

Code-Behind의 메시지 핸들러에서 ModalPopupextender를 표시합니다.

Modal1.Show();

모달을 기각하는 데 사용하는 코드에서 ModalPopupextender의 숨기기 기능을 호출하십시오.

Modal1.Hide();

이 방법을 사용하여 GridView에서 선택한 내용을 기반으로 데이터베이스에서 검색하는 세부 데이터를 표시하는 모달을 표시합니다.

Answer 3

버튼 또는 LinkButton을 추가하십시오

<asp:Button ID="MyButton" Text="Click Here" runat="server" />

DropdownList로 옵션을 유지하기 위해 패널 추가

<asp:Panel ID="MyPanel" runat="server">
  <asp:DropDownList ID="MyDropDown" runat="server">
    <asp:ListItem Value="1" Text="Option 1" />
  </asp:DropDownList>
  <asp:Button ID="SaveBtn" Text="Save" OnClick="Save_Click" runat="server" />
  <asp:Button ID="CancelBtn" Text="Cancel" runat="server" />
</asp:Panel>

modelpopupextender를 추가하십시오

<act:ModalPopupExtender ID="Mpe1" TargetControlID="MyButton"  
    CancelControlID="CancelBtn" PopupControlID="MyPanel" runat="server" />

그런 다음 SaveBTN 버튼에 코드를 추가하십시오

public void SaveBtn_Click(object sender, EventArgs e) {
  string selectedOption = MyDropDown.SelectedValue;
}