次の要件があります。
TreeView
アイテムのショー- で選択したアイテムの詳細を表示し
TreeView
ます。 - 選択したアイテムを編集するためのダイアログ。
私はこれらの要件を実装しましたが、3 番目の要件は想定どおりに機能しないため、行き詰まっています。
やりたいこと: 編集ダイアログでアイテムを編集できるようにする必要があります。これはTreeViewItem
私のクラスのインスタンスではありません。
- 編集を保存 - ダイアログを閉じるだけのボタン。
- 編集を破棄 - アイテムで変更されたフィールドをリセットしてダイアログを閉じるボタン。
2 番目の要件は機能しません。フィールドを編集して [キャンセル] をクリックしても、アイテムの詳細パネルに編集内容が表示されます。デバッグしましたが、基になるアイテムが変更されていないことがわかりましたが、アイテムは変更された値で表示されます。
コード:
品目クラス (カテゴリ)
public class Category { public virtual int Id { get; set; } public virtual string Name { get; set; } public virtual string Description { get; set; } public virtual Unit Unit { get; set; } public virtual List<Category> ChildCategories { get; set; } public virtual Category ParentCategory { get; set; } public virtual bool IsMainCategory { get; set; } public Category() { ChildCategories = new List<Category>(); } public virtual void AddChild(Category child) { ChildCategories.Add(child); child.ParentCategory = this; } }
アイテム (カテゴリ) の詳細はラベルに表示されます。
<DataTemplate DataType="{x:Type local:Category}"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="4*" SharedSizeGroup="a" /> <ColumnDefinition Width="6*" SharedSizeGroup="b" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="1*" /> <RowDefinition Height="1*" /> </Grid.RowDefinitions> <TextBlock Text="Name" Grid.Column="0" Grid.Row="0" Padding="5"/> <TextBlock Text="{Binding Path=Name}" Grid.Column="1" Grid.Row="0" Padding="5"/> <TextBlock Text="Description" Grid.Column="0" Grid.Row="1" Padding="5"/> <TextBlock Text="{Binding Path=Description}" Grid.Column="1" Grid.Row="1" Padding="5"/> </Grid> </DataTemplate>
メイン ウィンドウの編集項目のイベント ハンドラ:
private void EditCategory(object sender, RoutedEventArgs e) { Category ctg = _tree.SelectedItem as Category; if (ctg != null) { CategoryDefineWindow cdw = new CategoryDefineWindow(); cdw.CategoryObject = ctg; cdw.ShowDialog(); } }
アイテム エディター ウィンドウ xaml:
<Window x:Class="BSRCat.View.CategoryDefineWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="150" Width="500"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="3*" SharedSizeGroup="a" /> <ColumnDefinition Width="7*" SharedSizeGroup="b" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="1*" /> <RowDefinition Height="1*" /> <RowDefinition Height="1*" /> </Grid.RowDefinitions> <TextBlock Text="Name" Grid.Column="0" Grid.Row="0" Padding="5"/> <TextBox Text="{Binding Path=CategoryObject.Name, RelativeSource={RelativeSource AncestorType=Window}}" Grid.Column="1" Grid.Row="0" Padding="5"/> <TextBlock Text="Description" Grid.Column="0" Grid.Row="1" Padding="5"/> <TextBox Text="{Binding Path=CategoryObject.Description, RelativeSource={RelativeSource AncestorType=Window}}" Grid.Column="1" Grid.Row="1" Padding="5"/> <StackPanel Orientation="Horizontal" Grid.Row="2" Grid.ColumnSpan="2" HorizontalAlignment="Right"> <Button Content="Ok" Margin="5" Height="20" Width="30" Click="Confirmed"/> <Button Content="Cancel" Margin="5" Height="20" Width="50" Click="Cancelled"/> </StackPanel> </Grid> </Window>
アイテム エディタ ウィンドウのコード ビハインド:
public partial class CategoryDefineWindow : Window { public Category CategoryObject { get { return _category; } set { _category = value; _initial = new Category() { Name = value.Name, Description = value.Description }; } } private Category _category; private Category _initial; public CategoryDefineWindow() { InitializeComponent(); } private void Confirmed(object sender, RoutedEventArgs e) { Close(); } private void Cancelled(object sender, RoutedEventArgs e) { _category.Name = _initial.Name; _category.Description = _initial.Description; Close(); } }
CategoryDefineWindow.Cancelled
メソッドをデバッグしたところ、_category
オブジェクトは正しくリセットされました。どこが悪いのかわかりません。