阿不

不抛弃，不放弃

:: 管理 ::

157 随笔 :: 0 文章 :: 1979 评论 :: 53 Trackbacks

在atlas的时候，在UpdatePanel中使用Menu控件是不会出错的，但是正式命名为asp.net ajax后，从beta1开始，在UpdatePanel 中就无法正常使用Menu控件了，一直到RTM也没有解决这个问题。在asp.net ajax的官方文档中也有这样的说明（原文http://ajax.asp.net/docs/overview/UpdatePanelOverv...）：

The following ASP.NET controls are not compatible with partial-page updates, and are therefore not supported inside an UpdatePanel control:

TreeView and Menu controls.
Web Parts controls. For more information, see ASP.NET Web Parts Controls.
FileUpload controls when they are used to upload files as part of an asynchronous postback.
GridView and DetailsView controls when their EnableSortingAndPagingCallbacks property is set to true. The default is false.
Login, PasswordRecovery, ChangePassword, and CreateUserWizard controls whose contents have not been converted to editable templates.
The Substitution control.
Validation controls, which includes the BaseCompareValidator, BaseValidator, CompareValidator, CustomValidator, RangeValidator, RegularExpressionValidator, RequiredFieldValidator, and ValidationSummary control.

其它几个控件都有前提条件，唯独TreeView，Menu和WebParts控件都不支持。那是不是真的就没有办法了呢？

目前只遇到Menu无法使用，先来回放一下在UpdatePanel中使用Menu控件会出现什么样的脚本错误呢？

我是用Menu和MultiView来实现Tab控件的效果，但是在UpdatePanel中，首次转换选项页不会出错，但当我再次将鼠标移到选项按钮时就会出现：

'0.cells'为空或不是对象的脚本错误提示。跟踪调试错误脚本

at http://localhost:15159/WebResource.axd?d=YEs0K3CeKJkuxCHKobf0Fg2&t=633046464802812500 [220]
Menu_HideItems
code: i < rows[0].cells.length
at http://localhost:15159/WebResource.axd?d=YEs0K3CeKJkuxCHKobf0Fg2&t=633046464802812500 [525]
Menu_SetRoot
code: Menu_HideItems()
at http://localhost:15159/WebResource.axd?d=YEs0K3CeKJkuxCHKobf0Fg2&t=633046464802812500 [39]
Menu_Expand
code: Menu_SetRoot(item)
at http://localhost:15159/WebResource.axd?d=YEs0K3CeKJkuxCHKobf0Fg2&t=633046464802812500 [297]
Menu_HoverStatic
code: Menu_Expand(node, data.horizontalOffset, data.verticalOffset)
at http://localhost:15159/MasterPage.aspx [26]
JScript - form1 anonymous function
code: el="stylesheet" /><lin

会发现是在Menu_HideItems函数内部出错了。可以根据脚本资源地址下载到脚本文件，得到Menu_HideItems原型定义。然后利javascript的却态特性，我们可以重写这个方法，来屏蔽这个错误。在官方论坛上找到这样一段js代码，把它拷到出错的页面上，就马上可以解决这个问题了。

var oldMenu_HideItems = Menu_HideItems;
if(oldMenu_HideItems)
{
Menu_HideItems = function(items){
if (!items || ((typeof(items.tagName) == "undefined") && (items instanceof Event))) { items = __rootMenuItem; }
if(items && items.rows && items.rows.length == 0){ items.insertRow(0); }
return oldMenu_HideItems(items);
}
}