使用 RadButton 更改 RadPane ContentUrl答案

【问题标题】：Change RadPane ContentUrl with a RadButton使用 RadButton 更改 RadPane ContentUrl
【发布时间】：2014-06-19 15:13:02
【问题描述】：

我需要使用 RadButton 从另一个 RadPane 设置 RadPane 的内容。我尝试将 Target 属性与面板名称一起使用，但它不起作用。它适用于 RadToolBarButton，但我不能使用它。

这是一个例子：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        html, body, form {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <telerik:RadSplitter Height="100%" ID="RadSplitter1" Orientation="Horizontal" runat="server" Width="100%">
            <telerik:RadPane Height="36px" ID="headerPane" runat="server" Width="100%">
                <telerik:RadToolBar ID="RadToolBar1" runat="server">
                    <Items>
                        <telerik:RadToolBarButton runat="server" NavigateUrl="http://www.telerik.com" Target="contentPane" Text="Working" />
                    </Items>
                </telerik:RadToolBar>
                <telerik:RadButton ButtonType="LinkButton" AutoPostBack="False" ID="test" NavigateUrl="http://www.telerik.com" runat="server" Target="contentPane" Text="NOT WORKING" />
            </telerik:RadPane>
            <telerik:RadPane ContentUrl="about:blank" Height="500px" ID="contentPane" runat="server">
            </telerik:RadPane>
        </telerik:RadSplitter>
    </form>
</body>
</html>

【问题讨论】：

与link中的问题类似
是否有可能知道被否决的原因？

标签： webforms telerik rad-controls

【解决方案1】：

我无法使用 RadButton 实现仅使用控件的正常行为的简单解决方案，所以这里我需要将代码附加到 RadButton.OnClientClicking。

<script type="text/javascript">
 function OnClientClicking(button, args) {
    var pane = $find(button.get_target());
    pane.set_contentUrl(button.get_navigateUrl());
    args.set_cancel(true);
 }
</script>

【讨论】：