关于Ajax控件ModalPopupExtender的使用

概述：最近在做.net项目的时候遇见了一个问题，下面和大家一起分享。首先介绍一下开发环境：VS 2005 、Ajax.net 1.0。其中用到了ModalPopupExtender控件，但是在使用过程中发现了很多问题。

     问题描述：问题一，在添加了ScriptManager、ModalPopupExtender和Panel后，在HTML网页中报"Sys"没有被定义的错误。

     问题二，在Panel上添加了几个按钮，并分别伴有事件发生。但是在触发事件的时候，Panel层消失了。

 

     解决方案：关于问题一，在跟帖20多个之后，终于有了正确答案：在web.config中添加配置节点。

     <httpHandlers>

   <remove verb="*" path="*.asmx"/>
   <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
  </httpHandlers>
  <httpModules>
   <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
  </httpModules>

 

     出现问题的原因是脚本解析的问题。

     关于问题二，原因是每个按钮触发事件时都会PostBack，所以页面刷新之后Panel层也就消失了。解决方法：将Panel放在UpdatePanel中，设置UpdateMode="Conditional"，同时，设置ModalPopupExtender的PopupControlID、PopupDragHandleControlID为UpdatePanel的ID属性。如果想关闭这个层时，在后台添加ModalPopupExtender1.Hide();方法即可。注意，

ModalPopupExtender的PopupControlID、PopupDragHandleControlID属性不能是Panel的属性。否侧会出现问题(不是错误)。