Telerik RadDock - ajax 更新返回 JSON 错误

Question

尝试通过将 RadDock 放入 UpdatePanel 中来更新 RadDock（打开/关闭它），但是没有运气......我收到以下响应。

189|error|500|Invalid JSON primitive: {"Top":179,"Left":583,"DockZoneID":"","Collapsed":false,"Pinned"

：假，“可调整大小”：假，“关闭”：假，“宽度”：“300px”，“高度”：null，“ExpandedHeight”：0，“索引”：-1} .|

这是代码：

<asp:UpdatePanel ID="upanelDock" runat="server">
    <ContentTemplate>
        <telerik:RadDock ID="RadDock1" runat="server" Width="300px">
            <TitlebarTemplate>
                <h2>
                    this is a dock</h2>
            </TitlebarTemplate>
            <ContentTemplate>
                some content here
                <br />
                some content here
                <br />
                some content here
                <br />               
            </ContentTemplate>
        </telerik:RadDock>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="lbtnUpdate" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
<asp:LinkButton ID="lbtnUpdate" runat="server" OnClick="lbtnUpdate_Click">update</asp:LinkButton>

代码背后：

    protected void lbtnUpdate_Click(object sender, EventArgs e)
{

    if (this.RadDock1.Closed)
        this.RadDock1.Closed = false;
    else
        this.RadDock1.Closed = true;
}

我在这里做错了什么？

Answer 1

更新：您的代码没有做任何错误。 我能够使用 UpdatePanel 和 RadAjaxManager 重复此问题。 据 Telerik 支持人员称，这是 RadDock 控件的“限制”。 在我看来更像是一个错误。

以下是其支持页面论坛中的内容： 克隆的非停靠码头加上无效的 JSON 原语

RadDock 控件不是标准
控制并有一些限制
当它通过ajax更新时。 如果你
想要通过 ajax 更新 RadDock 你
应该更新所有 RadDockZones 和所有
RadDocks 应该对接。

您遇到的错误是由于
您更新浮动 RadDock
使用 AJAX。 当拖动码头时
将其移出更新面板并
这会导致 AJAX 无法正常工作
当它尝试重新创建码头时
它以前所在的地方。
这样两个dock具有相同的id
出现在页面上，这会导致
一个例外。 这是一个常见问题
对于所有可以移动的控件
在 DOM 中。

我能够通过将 RadDock 包装在 RadDockZone 内并将 DockMode 属性设置为“Docked”来使您的代码正常工作。 但是，如果我将扩展坞拖出该区域，使其保持浮动并单击“更新”按钮，则会再次出现错误。

<asp:UpdatePanel ID="upanelDock" runat="server">
    <ContentTemplate>
       <telerik:RadDockZone runat="server">
        <telerik:RadDock ID="RadDock1" runat="server" Width="300px" 
                                                      DockMode="Docked">
            <TitlebarTemplate>
                <h2>
                    this is a dock
                </h2>
            </TitlebarTemplate>
            <ContentTemplate>
                some content here
                <br />
                some content here
                <br />
                some content here
                <br />               
            </ContentTemplate>
        </telerik:RadDock>
      </telerik:RadDockZone>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="lbtnUpdate" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
<asp:LinkButton ID="lbtnUpdate" runat="server"
           OnClick="lbtnUpdate_Click">update</asp:LinkButton>

Answer 2

我有几个 RadDock 漂浮在 RadDockLayout 内。 如果我更新 RadDock、RadDockLayout 或通过 RadAjaxManager 对象包装 RadDockLayout 的主面板，Ajax 就可以工作。

前任：

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="mainPanel" />
    </UpdatedControls>
</telerik:AjaxSetting>