Saturday, March 10, 2012

User control with modalpopup

Hi Kevin,

I have wrote a sample by following your description. Please compare it with yours.

Aspx

<%@. Page Language="C#" %><%@. Register src="http://pics.10026.com/?src=UserControl/ModalPopup.ascx" TagName="ModalPopup" TagPrefix="uc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>Untitled Page</title> <style> .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#FFD9D5; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px; } .MyCalendar .ajax__calendar_container { border:1px solid #646464; background-color: lemonchiffon; color: red; } </style></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <uc1:ModalPopup ID="ModalPopup1" runat="server" /> </form></body></html>
 Ascx: 
<%@. Control Language="C#" ClassName="ModalPopup" %><script runat="server"></script><asp:TextBox ID="txtUCSelected" runat="server"></asp:TextBox><asp:Button ID="btnUCShow" runat="server" Text="Button" /><asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none"> <asp:CheckBox ID="CheckBox1" runat="server" Text="Asp.NET" title="Asp.NET"/> <asp:CheckBox ID="CheckBox2" runat="server" Text="Sqlser" /> <asp:CheckBox ID="CheckBox3" runat="server" Text="WPF" /> <input id="btnUCOK" type="Button" value="Select" onclick="onSelectFinish()" /> <asp:Button ID="btnUCCanel" runat="server" Text="Cancel" /> </asp:Panel><ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="myMPE1" runat="server" TargetControlID="btnUCShow" PopupControlID="Panel1" CancelControlID="btnUCCanel" BackgroundCssClass="modalBackground"></ajaxToolkit:ModalPopupExtender><script type="text/javascript" language="javascript">function onSelectFinish(){ var cbArr = $get("<%=Panel1.ClientID%>").getElementsByTagName("input"); var str=""; for(i=0 ; i<cbArr.length ; i++){ if(cbArr[i].checked && cbArr[i].type=="checkbox"){ if(str!="") str+=","; str +=cbArr[i].nextSibling.innerHTML; } } $get("<%=txtUCSelected.ClientID%>").value = str; $get("<%=btnUCCanel.ClientID%>").click(); }<> 
 I hope this help.
Best regards,
Jonathan

No comments:

Post a Comment