如何使用ASP.NET純腳本ajax控件工具包中的ModalPopup？

Question

我在asp.net MVC應用程序中使用ASP.NET 客戶端 ajax控件工具包。 我看到AjaxControlToolkit文件夾中有一個名為“ AjaxControlToolkit.ModalPopup.ModalPopupBehavior.js”的.js文件。 但是，我找不到有關如何使用它的任何示例。

[編輯]-如前所述，我正在使用客戶端，僅腳本控件工具包。 對於那些不熟悉的人，這里是CodePlex的描述：

AjaxControlToolkit-ScriptFilesOnly.zip包含腳本文件，CSS樣式表和該工具箱使用的圖片。 如果您不想使用嵌入式資源，而是喜歡基於文件的模型，請使用此下載。

我還沒有找到很多有關如何使用此腳本附帶的腳本的資源。 CodePlex鏈接： http : //www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx

Answer 1

Yestarday，我也有使用彈出式擴展程序的需求，這里是您應該首先包含的js文件。

<script src="javascripts/MicrosoftAjax.js" type="text/javascript" ></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.Compat.Timer.Timer.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.Common.Common.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.ExtenderBase.BaseScripts.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.Animation.Animations.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.DropShadow.DropShadowBehavior.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.DynamicPopulate.DynamicPopulateBehavior.js" type="text/javascript"></script>
<script src="javascripts/AjaxControlToolkit/AjaxControlToolkit.PopupExtender.PopupBehavior.js" type="text/javascript"></script>

下一步是從javascript創建PopupBehavior，如下所示：

$create(AjaxControlToolkit.PopupControlBehavior, {"PopupControlID":"div_to_popup","Position":3}, null, null, $get("textbox_input_id"));

如果您只需要使用帶有腳本的AjaxControlToolkit中的另一個控件而沒有asp的負擔，這是一種找到必要的include js文件的簡便方法。 在此處轉到其演示頁面，然后查看頁面的源代碼。 在底部，您將看到如何創建控件。 若要查找此控件所需的包含文件，請選擇CombineScriptsHandler.ashx並搜索“ // START”。 每行帶有“ // START”的行將顯示該頁面中包含的腳本。

Answer 2

查看AJAX工具包示例 。 有現場演示，演練和文檔。