このトピックでは、ButtonClick() イベントによる子ノードの追加について説明します。このヘルプを実行するには、子ノードを含む C1TreeView を作成し、アプリケーションにボタンを追加し、jQuery 構文を使用して ButtonClick() イベントを呼び出します。

以下の手順を実行します。

1. デザインビューで開始し、C1TreeView コントロールをアプリケーションに追加します。
2. スマートタグをクリックして、［C1TreeView タスク］メニューを開きます。［ツリービューの編集］を選択します。
3. ツリービュー構造を作成します。次のような表示になります。

   

4. 一般的な Button コントロールをアプリケーションに追加して、ソースビューに切り替えます。
5. <asp:Button>  タグを探し、このタグに OnClientClick="buttonClick(); return false;" を追加して、ボタンによって、追加する jQuery スクリプトを呼び出せるようにします。マークアップは次のようになります。

   ソースビュー	コードのコピー
   <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="buttonClick(); return false;" />

6. 上記の<asp:Button> タグの上に以下のスクリプトを追加します。 これにより、ButtonClick() イベントが呼び出されます。

   ソースビュー	コードのコピー
   <script type="text/javascript">     function buttonClick() {         var nodes = $("#<%= C1TreeView1.ClientID %>").c1treeview("getSelectedNodes");         //選択されたノードをすべて検出します (ユーザーは［Ctrl］または［Shift］キーを使用して複数選択できます)             // 選択された最初のノードに新しいノードを追加します               nodes[0].element.c1treeviewnode("add", { text: "Test User 1", value: "user" });     }  </script>

7. ［F5］を押して、アプリケーションを実行します。 ボタンをクリックし、新しいノードをツリーに追加します。