2

RadDockTelerik のライブラリを使用して、パネルを画面上の別の領域に移動できる簡単なプログラムを作成しようとしています。

このオンラインの例に可能な限り従おうとしましたが、何らかの理由で、属性リストがほぼ正確にコピーされているにもかかわらず、パネルをつかんでドラッグできるプロセスがプログラムでまったく有効になりません。

DockHandle要素ごとに異なるプロパティを設定しましたRadDockが、これらのどれもまったく機能していません。

コードを以下に示します。

    <telerik:RadDockLayout runat="server" ID="RadDockLayout1">
        <table>
            <tr>
                <td>
                    <telerik:RadDockZone runat="server" ID="RadDockZone1" MinHeight="200px" Width="200px">
                        <telerik:RadDock runat="server" ID="Dock1" Title="RadDock1" DockHandle="None"
                            Text="No DockHandle. Cannot be dragged." Width="200px" 
                            EnableEmbeddedSkins="False" Skin="Blue">
                            <ContentTemplate>
                                <asp:PlaceHolder ID="ph1" runat="server"></asp:PlaceHolder>
                            </ContentTemplate></telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
                <td>
                    <telerik:RadDockZone runat="server" ID="RadDockZone2" MinHeight="200px" Width="200px">
                        <telerik:RadDock runat="server" ID="Dock2" Title="RadDock2" DockHandle="Grip"
                            Text="Grip DockHandle. Drag by Top." Width="200px" 
                            EnableEmbeddedSkins="False" Skin="Blue">
                            <ContentTemplate>
                                <asp:PlaceHolder ID="ph2" runat="server"></asp:PlaceHolder>
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
                <td>
                    <telerik:RadDockZone runat="server" ID="RadDockZone3" MinHeight="200px" Width="200px">
                        <telerik:RadDock runat="server" ID="Dock3" Title="RadDock3" DockHandle="TitleBar"
                            Text="TitleBar DockHandle. Drag by TitleBar." Width="200px" 
                            EnableEmbeddedSkins="False" Skin="Blue">
                            <ContentTemplate>
                                <asp:PlaceHolder ID="ph4" runat="server"></asp:PlaceHolder>
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>
            </tr>
        </table>
    </telerik:RadDockLayout>

ページは読み込まれますが、HTML で明示的に設定されているRadDockにもかかわらず、ドラッグ可能であるべき 2 つの はまったく移動できません。DockHandle

なぜこれが考えられるのか誰にも分かりますか？

アップデート

RadDockZone私は 4 番目を追加しました。RadDockこれにはRadioButtonList. このリストの SelectedIndexChanged イベントを作成し、HTML にリンクしましたが、イベントが発生しません。

                <td>
                    <telerik:RadDockZone runat="server" ID="RadDockZone4" MinHeight="200px" Width="200px">
                        <telerik:RadDock runat="server" ID="Dock4" Title="RadDock4" DockHandle="None" Width="200px" 
                            EnableEmbeddedSkins="False" Skin="Blue">
                            <ContentTemplate>
                                <div>
                                    Pick a skin for the RadDocks...
                                    <br />
                                    <asp:RadioButtonList runat="server" ID="radSkins" OnSelectedIndexChanged="skin_Selected">
                                        <asp:ListItem Text="Black Skin" Value="Black" Selected="True"></asp:ListItem>
                                        <asp:ListItem Text="Blue Skin" Value="Blue"></asp:ListItem>
                                        <asp:ListItem Text="White Skin" Value="White"></asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </td>

これにより、 からの選択は可能ですが、イベントをトリガーしないためRadDock、 が相互作用しない原因となるもっと根本的な何かがあると思います。RadioButtonListこの時点では、実際にレンダリングされた Web ページには何も応答していないようです。

ありがとう、マーク

4

1 に答える 1

0 
<telerik:RadDockZone runat="server" ID="RadDockZone7" MinHeight="200px" Width="200px">
        <telerik:RadDock runat="server" ID="Dock4" Title="RadDock4" DockHandle="None" Width="200px"
            EnableEmbeddedSkins="False" Skin="Blue">
            <ContentTemplate>
                <div>
                    Pick a skin for the RadDocks...<br />
                    <asp:RadioButtonList runat="server" ID="RadioButtonList1" OnSelectedIndexChanged="skin_Selected" AutoPostBack="True">
                        <asp:ListItem Text="Black Skin" Value="Black" Selected="True"></asp:ListItem>
                        <asp:ListItem Text="Blue Skin" Value="Blue"></asp:ListItem>
                        <asp:ListItem Text="White Skin" Value="White"></asp:ListItem>
                    </asp:RadioButtonList>
                </div>
            </ContentTemplate>
        </telerik:RadDock>
    </telerik:RadDockZone>

SelectedIndexChangedトリガーされなかったのは、設定を忘れたためですAutoPostBack = "true"。SelectedIndexChanged設定が完了すると、イベントでコードを実行できるようになります。

ドックハンドルの問題については、試してみた限りでは全く問題ないと思います。RadDockコントロールに 3 つのタイプを適用することができ、期待どおりに動作しました。Grip/TitleBar により、RadDock コントロールをドラッグできるようになりました。では、「働かない」とは具体的にどういう意味ですか？コントロールが正常に機能しない可能性があるクライアント側のエラーはありましたか。

RadDock Dock ハンドルのデモ: http://demos.telerik.com/aspnet-ajax/dock/examples/dockhandle/defaultcs.aspx

于 2016-06-27T06:57:23.747 に答える