Virgo_Mask/VirgoUI/Models/Common/IO1/IO1View.xaml

<UserControl x:Class="VirgoUI.Client.Models.Common.IO.IO1View"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:toolkit="clr-namespace:Xceed.Wpf.Toolkit;assembly=Xceed.Wpf.Toolkit"
             xmlns:cal="http://www.caliburn.org"     
             xmlns:ctrl="http://OpenSEMI.Ctrlib.com/presentation"
             mc:Ignorable="d" >
    <Grid ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Visible" >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="414"/>
            <ColumnDefinition Width="564"/>
            <ColumnDefinition Width="416"/>
            <ColumnDefinition Width="484"/>
        </Grid.ColumnDefinitions>

        <TabControl Grid.Column="2" Margin="20,0,0,0">
            <TabItem Header="DI">
                <ListView ItemsSource="{Binding Path=DIs}" 
                          Grid.Column="2" 
                          AlternationCount="2"
                          VerticalAlignment="Top"
                          Name="DIListView">

                    <ListView.View>
                        <GridView>
                            <GridViewColumn Width="50"
                                        Header="Index"
                                        DisplayMemberBinding="{Binding Path=Index}" />

                            <GridViewColumn Width="200"
                                        Header="Name"
                                        DisplayMemberBinding="{Binding Path=Name}"  />

                            <GridViewColumn Width="70"
                                        Header="Address"
                                        DisplayMemberBinding="{Binding Path=Address}"  />

                            <GridViewColumn Width="50" Header="Status">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate>
                                        <Grid Width="35">
                                            <ctrl:SwitchButton HorizontalAlignment="Center"
                                        ON="{Binding Value}"
                                        Style="{StaticResource Lamp-Button}">
                                            </ctrl:SwitchButton>
                                        </Grid>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>

                        </GridView>
                    </ListView.View>
                </ListView>
            </TabItem>
        </TabControl>
        <TabControl Grid.Column="3" Margin="20,0,0,0">
            <TabItem Header="DO">
                <ListView ItemsSource="{Binding Path=DOs}" 
                          Grid.Column="3" 
                          AlternationCount="2"
                          VerticalAlignment="Top"
                          Name="DOListView">

                    <ListView.View>
                        <GridView>
                            <GridViewColumn Width="50"
                                        Header="Index"
                                        DisplayMemberBinding="{Binding Path=Index}" />

                            <GridViewColumn Width="200"
                                        Header="Name"
                                        DisplayMemberBinding="{Binding Path=Name}"  />

                            <GridViewColumn Width="70"
                                        Header="Address"
                                        DisplayMemberBinding="{Binding Path=Address}"  />

                            <GridViewColumn Width="50" Header="Status">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate >
                                        <Grid Width="35">
                                            <ctrl:SwitchButton HorizontalAlignment="Center"
                                        ON="{Binding Value}"
                                        Style="{StaticResource Lamp-Button}">
                                            </ctrl:SwitchButton>
                                        </Grid>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                            <GridViewColumn Width="65" Header="Operation">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate >
                                        <Grid Width="45">
                                            <ctrl:SwitchButton ON="{Binding Value}" Style="{StaticResource OperationButton}" HorizontalAlignment="Center">
                                                <i:Interaction.Triggers>
                                                    <i:EventTrigger EventName="Click">
                                                        <cal:ActionMessage MethodName="SetDO">
                                                            <cal:Parameter Value="{Binding }" />
                                                        </cal:ActionMessage>
                                                    </i:EventTrigger>
                                                </i:Interaction.Triggers>
                                            </ctrl:SwitchButton>
                                        </Grid>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>
            </TabItem>
        </TabControl>

        <TabControl Grid.Column="0" Margin="15,0,0,0">
            <TabItem Header="AI">
                <ListView ItemsSource="{Binding Path=AIs}"
                          AlternationCount="2"
                          Name="AIListView"
                          VerticalAlignment="Top" >
                    <ListView.View>
                        <GridView>
                            <GridViewColumn Width="50"
                                        Header="Index"
                                        DisplayMemberBinding="{Binding Path=Index}" />

                            <GridViewColumn Width="200"
                                        Header="Name"
                                        DisplayMemberBinding="{Binding Path=Name}"  />

                            <GridViewColumn Width="70"
                                        Header="Address"
                                        DisplayMemberBinding="{Binding Path=Address}"  />

                            <GridViewColumn Width="50"
                                        Header="Value"
                                        DisplayMemberBinding="{Binding Path=Value}"  />

                        </GridView>
                    </ListView.View>
                </ListView>
            </TabItem>

        </TabControl>
        <TabControl Grid.Column="1" Margin="20,0,0,0">

            <TabItem Header="AO">
                <ListView ItemsSource="{Binding Path=AOs}"
                          Grid.Column="1" 
                          AlternationCount="2"
                          VerticalAlignment="Top"
                          Name="AOListView">
                    <ListView.View>
                        <GridView>
                            <GridViewColumn Width="50"
                                        Header="Index"
                                        DisplayMemberBinding="{Binding Path=Index}" />

                            <GridViewColumn Width="200"
                                        Header="Name"
                                        DisplayMemberBinding="{Binding Path=Name}"  />

                            <GridViewColumn Width="70"
                                        Header="Address"
                                        DisplayMemberBinding="{Binding Path=Address}"  />

                            <GridViewColumn Width="50"
                                        Header="Value"
                                        DisplayMemberBinding="{Binding Path=Value}"  />
                            <GridViewColumn Width="80" Header="New Value">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate >
                                        <toolkit:IntegerUpDown Text="{Binding Path=NewValue}" Width="60"/>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>

                            <GridViewColumn Width="65" Header="Operation">
                                <GridViewColumn.CellTemplate>
                                    <DataTemplate >
                                        <Button Content="Set" Height="20" Width="35">
                                            <i:Interaction.Triggers>
                                                <i:EventTrigger EventName="Click">
                                                    <cal:ActionMessage MethodName="SetAO">
                                                        <cal:Parameter Value="{Binding }" />
                                                    </cal:ActionMessage>
                                                </i:EventTrigger>
                                            </i:Interaction.Triggers>
                                        </Button>
                                    </DataTemplate>
                                </GridViewColumn.CellTemplate>
                            </GridViewColumn>
                        </GridView>
                    </ListView.View>
                </ListView>
            </TabItem>
        </TabControl>

    </Grid>
</UserControl>