Ajax ToolKit --- ModelPopupExtender应用经验二则
生活随笔
收集整理的這篇文章主要介紹了
Ajax ToolKit --- ModelPopupExtender应用经验二则
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
目錄:
????有關(guān)于ModelPopupExtender應(yīng)用(Open ModalPopup dialog on Page load )
????有關(guān)于ModelPopupExtender如何觸發(fā)服務(wù)端事件
1.有關(guān)于ModelPopupExtender應(yīng)用
<form?id="Form1"?runat="server">
????????<ajaxToolkit:ToolkitScriptManager?runat="server"?ID="ToolkitScriptManager"?/>
????????<div>
????????????<ajaxToolkit:ModalPopupExtender?ID="ModalPopupExtender1"?BehaviorID="mdlPopup"?runat="server"
????????????????TargetControlID="btnNo"?PopupControlID="pnlPopup"?OkControlID="btnYes"?BackgroundCssClass="modalBackground"?/>
????????????<asp:Panel?ID="pnlPopup"?runat="server"?CssClass="confirm-dialog"?Style="display:?none;">
????????????????<div?class="inner">
????????????????????<h2>
????????????????????????Show?Wow!</h2>
????????????????????<div?class="base">
????????????????????????<asp:Button?ID="btnYes"?runat="server"?Text="Yes"?/>
????????????????????????<asp:Button?ID="btnNo"?runat="server"?Text="No"?OnClientClick="$find('mdlPopup').hide();?return?false;"?/>
????????????????????????<asp:LinkButton?ID="LinkButton1"?runat="server"?CssClass="close"?OnClientClick="$find('mdlPopup').hide();?return?false;"?/>
????????????????????</div>
????????????????</div>
????????????</asp:Panel>
????????</div>
????</form>
????<script?type="text/javascript">??
//Page_Load?Invoke??????????
???????????Sys.Application.add_load(function()?
????????????{?
???????????????$find('mdlPopup').show();
????????????});
????</script> 截圖:
相關(guān)問題地址:
關(guān)于使用ajaxToolkit
2.?有關(guān)于ModelPopupExtender如何觸發(fā)服務(wù)端事件
??? 觸發(fā)服務(wù)端事件,大家一看就知道,很簡單,直接寫事件即可,那為什么在這里又要寫這個呢?那個因?yàn)槲以谟肁JAX,開發(fā)時,發(fā)現(xiàn)只要ModelPopupExtender中TargetControlID關(guān)聯(lián)“修改”按鈕的Id,之后。然后在運(yùn)行界面時,點(diǎn)擊“修改”按鈕是不會觸發(fā)Button的OnClick事件的。
???? ?<asp:Button?ID="btnFixTheme"?runat="server"?Text="修改"?OnClick="btnFixTheme_Click"?/>
?<ajaxToolkit:ModalPopupExtender?ID="ModalPopupExtender1"?BehaviorID="mdlPopup"?runat="server"?TargetControlID="btnFixTheme"??PopupControlID="pnlPopup"?Drag="true"?BackgroundCssClass="modalBackground"?/>
???? 為什么會這樣呢?
?????答:那是因?yàn)閍jax server control render一個有異步通信功能的代碼,并沒有在觸發(fā)這個事件的按鈕更改任何的代碼,還是原來的__doPostBack('','')回發(fā)方式。ajax core part 會托管這個__doPostBack。而對于ajax control toolkit,則是在初始化whole client page時執(zhí)行一段代碼然后動態(tài)的給綁定的控件加入觸發(fā)的代碼。所以你也看不到例如一個LinkButton觸發(fā)事件的變化。
?? 解決代碼: ?protected?void?Page_Load(object?sender,?EventArgs?e)
????????{
????????????btnFixTheme.OnClientClick?=?"__doPostBack('"?+?this.btnFixTheme.UniqueID?+?"','')";
}
另外:附一點(diǎn)
?? 如何動態(tài)添加trigger到updatePanel?
????有關(guān)于ModelPopupExtender應(yīng)用(Open ModalPopup dialog on Page load )
????有關(guān)于ModelPopupExtender如何觸發(fā)服務(wù)端事件
1.有關(guān)于ModelPopupExtender應(yīng)用
<form?id="Form1"?runat="server">
????????<ajaxToolkit:ToolkitScriptManager?runat="server"?ID="ToolkitScriptManager"?/>
????????<div>
????????????<ajaxToolkit:ModalPopupExtender?ID="ModalPopupExtender1"?BehaviorID="mdlPopup"?runat="server"
????????????????TargetControlID="btnNo"?PopupControlID="pnlPopup"?OkControlID="btnYes"?BackgroundCssClass="modalBackground"?/>
????????????<asp:Panel?ID="pnlPopup"?runat="server"?CssClass="confirm-dialog"?Style="display:?none;">
????????????????<div?class="inner">
????????????????????<h2>
????????????????????????Show?Wow!</h2>
????????????????????<div?class="base">
????????????????????????<asp:Button?ID="btnYes"?runat="server"?Text="Yes"?/>
????????????????????????<asp:Button?ID="btnNo"?runat="server"?Text="No"?OnClientClick="$find('mdlPopup').hide();?return?false;"?/>
????????????????????????<asp:LinkButton?ID="LinkButton1"?runat="server"?CssClass="close"?OnClientClick="$find('mdlPopup').hide();?return?false;"?/>
????????????????????</div>
????????????????</div>
????????????</asp:Panel>
????????</div>
????</form>
????<script?type="text/javascript">??
//Page_Load?Invoke??????????
???????????Sys.Application.add_load(function()?
????????????{?
???????????????$find('mdlPopup').show();
????????????});
????</script> 截圖:
相關(guān)問題地址:
關(guān)于使用ajaxToolkit
2.?有關(guān)于ModelPopupExtender如何觸發(fā)服務(wù)端事件
??? 觸發(fā)服務(wù)端事件,大家一看就知道,很簡單,直接寫事件即可,那為什么在這里又要寫這個呢?那個因?yàn)槲以谟肁JAX,開發(fā)時,發(fā)現(xiàn)只要ModelPopupExtender中TargetControlID關(guān)聯(lián)“修改”按鈕的Id,之后。然后在運(yùn)行界面時,點(diǎn)擊“修改”按鈕是不會觸發(fā)Button的OnClick事件的。
???? ?<asp:Button?ID="btnFixTheme"?runat="server"?Text="修改"?OnClick="btnFixTheme_Click"?/>
?<ajaxToolkit:ModalPopupExtender?ID="ModalPopupExtender1"?BehaviorID="mdlPopup"?runat="server"?TargetControlID="btnFixTheme"??PopupControlID="pnlPopup"?Drag="true"?BackgroundCssClass="modalBackground"?/>
???? 為什么會這樣呢?
?????答:那是因?yàn)閍jax server control render一個有異步通信功能的代碼,并沒有在觸發(fā)這個事件的按鈕更改任何的代碼,還是原來的__doPostBack('','')回發(fā)方式。ajax core part 會托管這個__doPostBack。而對于ajax control toolkit,則是在初始化whole client page時執(zhí)行一段代碼然后動態(tài)的給綁定的控件加入觸發(fā)的代碼。所以你也看不到例如一個LinkButton觸發(fā)事件的變化。
?? 解決代碼: ?protected?void?Page_Load(object?sender,?EventArgs?e)
????????{
????????????btnFixTheme.OnClientClick?=?"__doPostBack('"?+?this.btnFixTheme.UniqueID?+?"','')";
}
另外:附一點(diǎn)
?? 如何動態(tài)添加trigger到updatePanel?
轉(zhuǎn)載于:https://www.cnblogs.com/SoulStore/archive/2008/06/16/1222879.html
總結(jié)
以上是生活随笔為你收集整理的Ajax ToolKit --- ModelPopupExtender应用经验二则的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 死亡岛:激流怎么存档-存档继承前代方法
- 下一篇: Cesium源码剖析---Post Pr