jQuery Dialog-Postback但UpdatePanel没有更新

你在两方面都是正确的.问题的关键在于脚本管理器“认为”它应该更新jQuery实际上移动到页面上不同位置的元素,从而导致元素的多个副本和您提到的问题.

我已经使用嵌套的updatePanels看到了这个问题,但它也可能出现在其他场景中.

这是一个解决方法混乱的问题.

选项1 – 更改jQuery UI的源代码.快速修复我没有任何运气;没有重写整个插件,我找不到一个容易让对话框正常工作而无需重新排序DOm.此外,使用该路由,现在您“拥有”源代码,因为您已修改它.

选项2 – 在部分呈现页面时调整DOM以删除重复元素.您可以输出一些额外的脚本来清除虚假的重复元素.我不喜欢这种方法,因为它允许DOM在脚本运行之前处于无效状态.

选项3 – 手动覆盖updatePanel的呈现.代码看起来像这样：

private bool _hasDomPresence
{
    get
    {
        return ViewState["__hasDomPresence"] == null ? false : (bool)ViewState["__hasDomPresence"];
    }
    set
    {
        ViewState["__hasDomPresence"] = value;
    }
}

protected override void OnLoad( EventArgs e )
{
    if( !ScriptManager.GetCurrent( this.Page ).IsInAsyncPostBACk )
    {
         // a full postBACk means we no longer have a DOM presence
         _hasDomPresence = false;
    }

    base.onLoad( e );
}

protected virtual void ShowDetailDialog()
{
    // code to show the offending dialog

    // we are showing it,so note the fact that it Now has a DOM presence
    _hasDomPresence = true;
}  

protected override void Render( HtmlTextWriter writer )
{
    foreach( Control c in this.Controls )
    {
        //
        // find the offending control's parent container prior to it being rendered
        // In my scenario,the parent control is just a server-side DIV
        if( c == this.DetailDialog )
        {
            //
            // here,I am checking whether or not the panel actually needs to be
            // rendered. If not,I set it to invisible,thus keeping a new DOM
            // element from being created.
            if( !this.DetailupdatePanel.IsInPartialRendering && _hasDomPresence )
            {
                this.DetailupdatePanel.Visible = false;
            }
        }
    }

    base.Render( writer );
}

这也会混淆事件验证,因为页面的客户端和服务器版本不匹配(或者至少ASP.Net不能告诉他们这样做).我能找到完成这项工作的唯一方法是关闭事件验证.

使用适当的安全模型,事件验证不是100％必要的,但我不喜欢被迫关闭它.

总而言之,这是我在SO上发布的最邪恶的代码,如果你使用它,蓬松的白色小猫会死掉,但这种方法似乎有效.

希望这可以帮助.