Question

我需要使用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>

Answer 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>

使用RadButton更改RadPane ContentUrl

1 个答案: