Devexpress CallbackPanel PerformCallback 后，Ext Control 不显示答案

【问题标题】：After Devexpress CallbackPanel PerformCallback, Ext Control isn't displayedDevexpress CallbackPanel PerformCallback 后，Ext Control 不显示
【发布时间】：2012-02-10 14:17:01
【问题描述】：

我想在 devexpress 回调面板中使用 Ext.Net 控件。当页面首先呈现时，一切正常，Ext 控件很好。但是，当您使用 PerformCallback() 函数刷新回调面板时，Ext Controls 就会消失。解决办法是什么？

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="devex_ext._default" %>

<%@ Register Assembly="DevExpress.Web.v10.2, Version=10.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v10.2, Version=10.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxTabControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v10.2, Version=10.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxClasses" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v10.2, Version=10.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v10.2, Version=10.2.3.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPanel" TagPrefix="dx" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />

    <div style="clear:both">

    <dx:ASPxCallbackPanel ID="ASPxCallbackPanel2" ClientInstanceName="cp" runat="server" Width="200px">
        <PanelCollection>
            <dx:PanelContent ID="PanelContent2" runat="server">
                <dx:ASPxPageControl ID="ASPxPageControl2" runat="server">
                    <TabPages>
                        <dx:TabPage  Text="Ext Linkbutton">
                            <ContentCollection>
                                <dx:ContentControl ID="ContentControl1" runat="server">
                                    <ext:LinkButton ID="Linkbutton1" runat="server" Text="Linkbutton">
                                        <Listeners>
                                            <Click Handler="Ext.Msg.alert('Clicked', 'LinkButton');" />
                                        </Listeners>
                                    </ext:LinkButton>
                                </dx:ContentControl>
                            </ContentCollection>
                        </dx:TabPage>
                        <dx:TabPage  Text="Asp Button">
                            <ContentCollection>
                                <dx:ContentControl ID="ContentControl2" runat="server">
                                    <asp:Button ID="Button1" runat="server" Text="Button" />    
                                </dx:ContentControl>
                            </ContentCollection>
                        </dx:TabPage>
                    </TabPages>
                </dx:ASPxPageControl>
            </dx:PanelContent>
        </PanelCollection>
    </dx:ASPxCallbackPanel>

    <ext:LinkButton ID="LinkButton2" runat="server" Text="Refresh">
        <Listeners>
            <Click Handler="cp.PerformCallback()" />
        </Listeners>
    </ext:LinkButton>

    </div>
    </form>
</body>
</html>

【问题讨论】：

标签： c# asp.net devexpress ext.net

【解决方案1】：

此代码不起作用，因为您没有指定 ASPxCallbackPanel.ClientInstanceName 属性（并且没有启用客户端编程对象）。

如下修改你的标记：

<dx:ASPxCallbackPanel ... ClientInstanceName="cp">


<Click Handler="cp.PerformCallback()" />

查看this 演示，该演示说明了如何使用 ASPxCallbackPanel 容器。

【讨论】：

问题不在于，我按照你的建议做了，同样的问题存在。

【解决方案2】：

如果你不想在回调后运行 javascript 使用 javascript 前缀 'dxis_'，请查看 topic

您可以添加，例如具有特定 id 的 div，然后运行创建 ExtJS 控件的脚本，配置包含 renderTo: 'specific di'

【讨论】：