MVP 和动态选项卡答案

【问题标题】：MVP and dynamic tabsMVP 和动态选项卡
【发布时间】：2012-02-26 23:41:26
【问题描述】：

有没有人尝试创建带有动态添加标签的面板。
我的要求：

第一个选项卡不可关闭，并且有一个项目列表。
从第一个视图中，您可以编辑通过上下文菜单和创建新选项卡完成的项目。
您可以通过创建新标签来添加新项目。

我可以说屏幕上的视图很少。 EditItemView、ListItemView...
我的问题：

如何创建这种 MVP 风格的架构？

【问题讨论】：

标签： gwt tabs mvp tabpanel

【解决方案1】：

WPF 中的动态选项卡项

<TabControl  Grid.Row="4" Name="TabControla" 
    ScrollViewer.HorizontalScrollBarVisibility="Visible"  
    ItemsSource="{Binding ListOfProcess}"  Grid.ColumnSpan="2" Height="330"  
    VerticalAlignment="Top">

    <TabControl.ItemTemplate>
        <DataTemplate>                                 
            <TextBlock Text="{Binding ProcessDesc}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <StackPanel>
                <Grid Name="dtlgrid" Height="330" HorizontalAlignment="Left" >
                    <TextBlock Text="{Binding ProcessDesc}" Margin="4,6,3,28"/>
                    <my:DataGrid  ItemsSource="{Binding Path=FOIDtl}" 
                        AutoGenerateColumns="False" 
                        HorizontalScrollBarVisibility="Visible"  
                        Margin="4,6,3,28">

                        <my:DataGrid.Columns>
                            <my:DataGridTextColumn Header="Characteristics" 
                                Binding="{Binding Path=Character}" 
                                IsReadOnly="True" Width="140">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="Method Of Checking" 
                                Binding="{Binding Path=MethodOfCheck}" 
                                IsReadOnly="True" Width="140">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="(1)" 
                                Binding="{Binding Path=AfterReel1}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="(2)" 
                                Binding="{Binding Path=AfterReel2}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="(3)" 
                                Binding="{Binding Path=AfterReel3}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="(4)" 
                                Binding="{Binding Path=AfterReel4}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="(5)" 
                                Binding="{Binding Path=AfterReel5}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                            <my:DataGridTextColumn Header="Remarks" 
                                Binding="{Binding Path=Remarks}" 
                                IsReadOnly="False" Width="70">
                            </my:DataGridTextColumn>
                        </my:DataGrid.Columns>
                    </my:DataGrid>
                </Grid>                                    
            </StackPanel>                                            
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

【讨论】：