如何使用ASP.NET Script-Only ajax控件工具包中的ModalPopup?

时间:2008-11-20 03:02:38

标签: asp.net asp.net-mvc asp.net-ajax

我在我的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

2 个答案:

答案 0 :(得分:2)

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的负担,这里有一个简单的方法来查找必要的包含js文件。 转到其演示页面here并查看页面的来源。在底部,您将看到如何创建控件。要查找此控件所需的包含文件,请选择CombineScriptsHandler.ashx并搜索“// START”。每行“// START”都会显示一个包含在页面中的脚本。

答案 1 :(得分:-1)

查看AJAX Toolkit samples。有现场演示,演练和文档。