日韩伦理中文,www.喷水,欧美精品hd

Silverlight中TreeView增刪改查和拖放

轉帖|其它|編輯：郝浩|2011-03-04 13:32:30.000|閱讀 3272 次

概述：來自微軟的Amit Dey提供了一個非常好的Sliverlight代碼示例來展示了在Silverlight中樹控件的增、刪、改、查和拖放的功能。在 Silverlight社區里面樹控件的增、刪、改、查是一個經常被問到的問題。但是我們收到還是有很多人請求得到這個代碼示例。我們希望這個示例能夠使開發人員輕松掌握這個典型的編程案例。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

　　來自微軟的Amit Dey提供了一個非常好的Sliverlight代碼示例來展示了在Silverlight中樹控件的增、刪、改、查和拖放的功能。在Silverlight社區里面樹控件的增、刪、改、查是一個經常被問到的問題。但是我們收到還是有很多人請求得到這個代碼示例。我們希望這個示例能夠使開發人員輕松掌握這個典型的編程案例。

Silverlight TreeView控件的增刪改查

　　這是一個Silverlight樹控件增、刪、改、查操作的示例。除了這個之外它還支持節點的拖放功能。這篇文章需要你最少對Silverlight和數據綁定有一點基本的了解。我們最后的輸出效果會像這樣顯示：

數據

　　首先我們來看一下要綁定到TreeView控件的數據結構

　　Node是要綁定到每一個TreeViewItem的類

　　Text表示節點上的顯示的數據

　　Children表示節點的子節點,注意Node類的繼承

　　System.ComponentModel.INOtifyPropertyChanged類按順序保持UI在異步操作。閱讀這篇文章可以更好的理解這個功能。

　　另外注意Add和Delete這兩個幫助函數，分別用來添加和刪除節點。

using System;
using System.ComponentModel;
using System.Collections.ObjectModel;

　　public class Node : INotifyPropertyChanged
{
private String text;

　　 private ObservableCollection<Node> children;

　　 public event PropertyChangedEventHandler PropertyChanged;

　　
public ObservableCollection<Node> Children
{
get { return children; }
set { children = value; }
}

　　 public String Text
{
get { return text; }
set { text = value; }
}

　　 public Node(String text)
{
Children = new ObservableCollection<Node>();
Text = text;
}

　　 public void Add(Node node)
{
children.Add(node);
NotifyPropertyChanged("Children");
}

　　 public void Delete(Node node)
{
children.Remove(node);
NotifyPropertyChanged("Children");
}

　　 private void NotifyPropertyChanged(String info)
{
if (PropertyChanged != null)
PropertyChanged(this, new PropertyChangedEventArgs(info));
}
}

XAML

　　現在我們來看一下這個用戶控件的XAML定義

　　第一步,我實現了一個右鍵菜單使增刪改查更容易操作.你可以閱讀這篇文章來學習右鍵菜單如何實現。

　　下一步,注意這兩個HierarchicalDataTemplate，一個是TreeViewItem 在查看狀態(TextBlock的變化),另一個是編輯狀態(TextBox 的變化),TextBlock和TextBox綁定了Node的Text屬性,我正在使用Silverlight Toolkitr的TreeViewDragDropTarget控件在父節點之間使用TreeViewItems進行拖放。

后臺代碼

　　現在讓我們先睹為快看一下用戶控件的后臺代碼：

　　第一步,鼠標的事件處理程序,TreeViewItem的MouseRightButtonUp事件做兩件事情,給選定的節點selectedNode分派指定的TreeViewItem數據上下文。

　　第二步,彈出右鍵菜單,選中節點selectedNode的信息是必需的,它作為引用被用來編輯TreeViewItem、添加子節點到TreeViewItem和刪除TreeViewItem。

　　AddButton_Click事件處理程序,創建一個新的節點并當作節節點添加到選中的節點selecteNode的子節點下面。

　　EditButton_Click事件處理程序,改變選中節點的模板為編輯狀態

　　DeleteButton_Click事件處理程序,首先確定TreeViewItem與選中的節點selectedNode關聯,查找它的父節點,從父節點中刪除選中的節點selectedNode。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Collections.ObjectModel;

　　namespace CSSLTreeViewCRUDDragDrop
{
public partial class TreeViewCrudDragDrop : UserControl
{
ObservableCollection<Node> objectTree;

　　 Node selectedNode;

　　 public List<Node> Items
{
get
{
return objectTree.ToList<Node>();
}
set
{
objectTree = new ObservableCollection<Node>(value);
TreeViewMain.ItemsSource = objectTree;
}
}

　　 public TreeViewCrudDragDrop()
{
InitializeComponent();
objectTree = new ObservableCollection<Node>();
TreeViewMain.ItemsSource = objectTree;
}

　　 private void TreeViewMain_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
DisableEditForSelectedItem();

　　 e.Handled = true;
}

　　 private void TreeViewMain_MouseRightButtonUp(object sender, MouseButtonEventArgs e)
{
DisableEditForSelectedItem();

　　 if (sender is TextBlock)
{
selectedNode = (Node)((sender as TextBlock).DataContext);
}
else
{
selectedNode = null;
}

　　 ShowContextMenu(e);
}

　　 private void TreeViewMain_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
DisableEditForSelectedItem();
HideContextMenu();
}

　　 private void AddButton_Click(object sender, RoutedEventArgs e)
{
Node newNode = new Node("New Node");

　　 if (selectedNode != null)
{
selectedNode.Add(newNode);
}
else
{
if (objectTree != null)
{
objectTree.Add(newNode);
}
else
{
objectTree = new ObservableCollection<Node>();
objectTree.Add(newNode);
}
}

　　 HideContextMenu();
}

　　 private void EditButton_Click(object sender, RoutedEventArgs e)
{
EnalbleEditForSelectedItem();

　　 TreeViewItem selectedTreeViewItem =

　　 TreeViewExtensions.GetContainerFromItem(TreeViewMain, selectedNode);

　　 HideContextMenu();
}

　　 private void DeleteButton_Click(object sender, RoutedEventArgs e)
{
TreeViewItem selectedTreeViewItem =
TreeViewExtensions.GetContainerFromItem(TreeViewMain, selectedNode);

　　 if (selectedTreeViewItem != null)
{
TreeViewItem selectedTreeViewItemParent =
TreeViewExtensions.GetParentTreeViewItem(selectedTreeViewItem);

　　 if (selectedTreeViewItemParent != null)
{
Node seleactedParentNode = (Node)selectedTreeViewItemParent.DataContext;

　　 seleactedParentNode.Delete(selectedNode);

　　 }
else
{
objectTree.Remove(selectedNode);
}

　　 }

　　 HideContextMenu();
}

　　 private void ShowContextMenu(MouseButtonEventArgs e)
{
e.Handled = true;
Point p = e.GetPosition(this);
ContextMenu.Visibility = Visibility.Visible;
ContextMenu.IsOpen = true;
ContextMenu.SetValue(Canvas.LeftProperty, (double)p.X);
ContextMenu.SetValue(Canvas.TopProperty, (double)p.Y);
}

　　 private void HideContextMenu()
{
ContextMenu.Visibility = Visibility.Collapsed;
ContextMenu.IsOpen = false;
}

　　 private void EnalbleEditForSelectedItem()
{
if (selectedNode != null)
{
SetTemplateForSelectedItem("TreeViewMainEditTemplate");
}
}

　　 private void DisableEditForSelectedItem()
{
if (selectedNode != null)
{
SetTemplateForSelectedItem("TreeViewMainReadTemplate");

　　 selectedNode = null;

　　 }
}

　　 private void SetTemplateForSelectedItem(String templateName)
{
HierarchicalDataTemplate hdt = (HierarchicalDataTemplate)Resources[templateName];

　　 TreeViewItem selectedTreeViewItem =

　　 TreeViewExtensions.GetContainerFromItem(TreeViewMain, selectedNode);

　　 if (selectedTreeViewItem != null)

　　 selectedTreeViewItem.HeaderTemplate = hdt;
}

　　 }

標簽：