TreeView for ASP.NET WebForms
ツリー同士の間のドラッグアンドドロップ動作
タスク別ヘルプ > ドラッグアンドドロップ動作を有効にする > ツリー同士の間のドラッグアンドドロップ動作

このトピックでは、2つのツリーの間にドラッグアンドドロップ動作を有効にする C1TreeView のプロパティ設定について説明します。

デザインビュー

  1. デザインビューにて、2つの C1TreeView コントロールをプロジェクトに追加して、両方に対していくつかの子ノードを作成します。
  2. 最初の C1TreeView コントロールを選択して、[プロパティ]ウィンドウに移動します。
  3. [プロパティ]ウィンドウで AllowDrag 及び AllowDrop プロパティを「True」に設定します。
  4. 2番目の C1TreeView コントロールを選択して、[プロパティ]ウィンドウに移動します。
  5. [プロパティ]ウィンドウで AllowDrop プロパティを「True」に設定します。これで、実行時にノードを1つ目の C1TreeView コントロールから2番目の C1TreeView コントロールにドロップすることが可能になります。
  6. [F5]キーを押してプログラムを実行します。ノードを1つ目の C1TreeView コントロールから2番目の C1TreeView コントロールにドロップすることができることを確認します。

ソースビュー

  1. 2番目の <asp:Content>タグの間に下記のマークアップを挿入して、2つのC1TreeView コントロールを作成します。
    ソースビュー
    コードのコピー
    <cc1:C1TreeView ID="C1TreeView1" runat="server">
            <Nodes>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_0" Text="C1TreeViewNode6"
                    TreeView="C1TreeView1">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_1" Text="C1TreeViewNode4"
                    TreeView="C1TreeView1">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_10" Text="C1TreeViewNode1"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_11" Text="C1TreeViewNode2"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_12" Text="C1TreeViewNode3"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_2" Text="C1TreeViewNode5"
                    TreeView="C1TreeView1">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_3" Text="C1TreeViewNode1"
                    TreeView="C1TreeView1">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_30" Text="C1TreeViewNode1"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_31" Text="C1TreeViewNode2"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_32" Text="C1TreeViewNode3"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_4" Text="C1TreeViewNode2"
                    TreeView="C1TreeView1">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_5" Text="C1TreeViewNode3"
                    TreeView="C1TreeView1">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_50" Text="C1TreeViewNode1"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_51" Text="C1TreeViewNode2"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Owner="" StaticKey="C1TreeView1_52" Text="C1TreeViewNode3"
                            TreeView="C1TreeView1">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Owner="C1TreeView1" StaticKey="C1TreeView1_6" Text="C1TreeViewNode7"
                    TreeView="C1TreeView1">
                </cc1:C1TreeViewNode>
            </Nodes>
        </cc1:C1TreeView
        <cc1:C1TreeView ID="C1TreeView2" runat="server">
            <Nodes>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode6">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode2">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode7">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode8">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode2">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode3">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode4">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode1">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode2">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode3">
                    <Nodes>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode1">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode2">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode3">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode4">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode5">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode6">
                        </cc1:C1TreeViewNode>
                        <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                            Text="C1TreeViewNode7">
                        </cc1:C1TreeViewNode>
                    </Nodes>
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode4">
                </cc1:C1TreeViewNode>
                <cc1:C1TreeViewNode runat="server" CheckState="UnChecked" NodeIndex="0"
                    Text="C1TreeViewNode5">
                </cc1:C1TreeViewNode>
            </Nodes>
        </cc1:C1TreeView>
  2. 一番目の <cc1:C1TreeView> タグの間にAllowDrag="True"  及び AllowDrop="True" を追加して、タグを下記例のようにします。
    ソースビュー
    コードのコピー
    <cc1:C1TreeView ID="C1TreeView1" runat="server" AllowDrag="True"
    AllowDrop="True">
  3. 一番目の <cc1:C1TreeView> タグの間にAllowDrop="True"を追加して、タグを下記例のようにします。
    ソースビュー
    コードのコピー
    <cc1:C1TreeView ID="C1TreeView2" runat="server" AllowDrop="True">
  4. [F5]キーを押してプログラムを実行します。ノードを1つ目の C1TreeView コントロールから2番目の C1TreeView コントロールにドロップすることができることを確認します。

 

 

Copyright © GrapeCity, Inc. All rights reserved.