raznahan
چهارشنبه 19 تیر 1387, 17:31 عصر
با سلام دوباره ... راه حل پیدا شد :لبخند:
برای اینکار یه جورایی باید به کنترل ModalPopUpextender کلک رشتی زد :چشمک:
به این صورت که ما باید خاصیت TargetConrolId رو یه کنترل (مثلا یه button یا هر چیزه دیگه ای )
قرار بدیم و Visible اون کنترول رو False کنیم یا با Css ، مقدار Style رو Style="display:none قرار بدیم که کنترول نمایش داده نشه (این کنترل کاربرد خاصی نداره) ما اینکار رو میکنیم چون TargetControlID حتما باید یه مقداری داشته باشه وگرنه خطا میده
حالا کار ما راحت شد! کافیه وقتی کاربر روی دکمه ی login کلیک کرد اول یه تابع جاوا اسکریپت اجرا بشه که توی اون ModalPopUpExtender رو نمایش بده و سپس تابع Server-Side ما اجرا بشه که هویت کاربر رو چک کنه. حال برای اینکه بتونیم به ModalPopUpExtender توی client -side (جاوا اسکریپت ) دسترسی داشته باشیم باید برای خاصیت BehaviorID کنترول مدال رو یه مقداری به عنوان ID تعریف کنیم که توی جاوا اسکریپت با این ID سرو کار داشته باشیم .
اینم کد کاملش :
<form id="form1" runat="server">
<div>
<asp:ScriptManager runat="Server" ID="ScriptManager1" />
<script type="text/javascript">
function showPopup() {
document.getElementById('messagediv').innerText='L oading...';
document.getElementById('Button1').style.display=' none';
var modalPopupBehavior = $find('programmaticModalPopupBehavior');
modalPopupBehavior.show();
}
function hidepopup()
{
var modalPopupBehavior = $find('programmaticModalPopupBehavior');
modalPopupBehavior.hide();
}
</script>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
<asp:Button ID="loginButton" runat="server" Text="login" OnClientClick="showPopup()"
onclick="loginButton_Click" /><br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" Visible="false" runat="server">
You has been Authenticated.
This is the content displaying after authentication.</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="loginButton" EventName="Click"/>
</Triggers>
</asp:UpdatePanel>
<br />
<asp:Button runat="server" ID="hiddenTargetControlForModalPopup" style="display:none"/>
<cc1:ModalPopupExtender runat="server" ID="programmaticModalPopup"
BehaviorID="programmaticModalPopupBehavior"
TargetControlID="hiddenTargetControlForModalPopup"
PopupControlID="programmaticPopup"
BackgroundCssClass="modalBackground"
DropShadow="True"
RepositionMode="RepositionOnWindowScroll" >
</cc1:ModalPopupExtender>
<asp:Panel runat="server" ID="programmaticPopup" style="background-color:Window;display:none;height:125px;width:225px ;padding:10px">
<div id='messagediv' style="text-align:center">Loading...</div>
<input id="Button1" type="button" value="OK" style="display:none" onclick="hidepopup()" />
</asp:Panel>
</div>
</form
اینم کد Server -Side :
protected void loginButton_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(2000); //for testing (DataBase Connection Codes)
string mess;
if (TextBox1.Text != "user1") //Check the username and password.
mess = "wrong information";
else
{
mess = "Ok,true information...";
Panel1.Visible = true; // Show the content after logged in.
}
ScriptManager.RegisterStartupScript(Page, this.GetType(), "script", "document.getElementById('Button1').style.display=' block';", true);
ScriptManager.RegisterStartupScript(Page, this.GetType(), "message", "document.getElementById('messagediv').innerText='" + mess + "';", true);
{
اگه سوالی پیش اومد بپرسین :چشمک:
با اینکه ما رو زیاد تحویل نگرفتید ولی بازم از دوستانی که منو راهنمایی کردن خیلی ممنونم:لبخندساده: