将选项卡项以MVVM格式动态绑定到TabControl

时间:2017-05-15 11:34:06

标签: mvvm richtextbox tabcontrol tabitem

如何将Tab键项动态绑定到TabControl并在每个选项卡中显示RichTextBox,我想以MVVM格式将一些数据附加到RichTextBox。

1 个答案:

答案 0 :(得分:1)

嗯......这里有一些您需要的通用代码。如果您有任何具体要求,请告诉我......

... XAML

<Window x:Class="wpfApplication.Views.Test"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:GateApplication.Views"
     xmlns:c="clr-namespace:wpfApplication.Commands"
    xmlns:vm="clr-namespace:wpfApplication.ViewModels"
    mc:Ignorable="d"
     Title ="Test" Height="550" Width="825">
    <Window.DataContext>
        <vm:TestVM></vm:TestVM>
    </Window.DataContext>
    <Grid>
<TabControl Width="450" Margin="2,2,2,2" ItemsSource="{Binding Tabs}">
                <TabControl.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Header}"></TextBlock>
                    </DataTemplate>
                </TabControl.ItemTemplate>
                <TabControl.ContentTemplate>
                    <DataTemplate>
                    <RichTextBox>
                        <FlowDocument>
                            <Paragraph>
                                <Run Text="{Binding Content}"></Run>
                            </Paragraph>
                        </FlowDocument>
                        </RichTextBox>
                    </DataTemplate>
                </TabControl.ContentTemplate>
            </TabControl>
    </Grid>
</Window>

和View Model是......

public class TestVM : ViewModelBase
    {       
        public TestVM()
        {       

            Tabs = new ObservableCollection<TabItem>();
            Tabs.Add(new TabItem { Header = "One", Content = "One's content" });
            Tabs.Add(new TabItem { Header = "Two", Content = "Two's content" });
        }
        public sealed class TabItem
        {
            public string Header { get; set; }
            public string Content { get; set; }
        }
    }
相关问题