Silverlight - 我的场景所需的动态数量的属性?

时间:2013-04-07 03:23:38

标签: c# silverlight data-binding dynamic properties

我手边有一个应用程序,帮助您了解如何使用多种技术清理污染场地(多种污染物)。当然,我会有一个技术课和一个污染类。

Class Pollutant
{
string name;
double baselineAmount;
double reduction goal
...
}

List<Pollutant> pollutantsList=new List<Pollutant>;

Class Technique
{
string name;
List <PerPollutantProperties> PollutantRelatedProperties=new List<PerPollutantProperties>();
...
}

Class PerPollutantProperties
{
string name;
double CurrentLoad=0;
double ReducedLoad=0;
...
}

List<Technique> techniquesList= new List<Technique>();

main()
{
Pollutant pollutant1 = new Pollutant();
Pollutant pollutant2 = new Pollutant();

...
pollutantsList.Add(pollutant1);
pollutantsList.Add(pollutant2);

Technique tec1=new Technique();
Technique tec2=new Technique();
tec1.name="tec1";
tec2.name="tec2";

PerPollutantProperties PPP= new PerPollutantProperties();    
PPP.name="Nitrogen";
tec1.PollutantRelatedProperties.Add(PPP);
tec2.PollutantRelatedProperties.Add(PPP);


PPP= new PerPollutantProperties();
PPP.name="Phorsphorus";
tec1.PollutantRelatedProperties.Add(PPP);
tec2.PollutantRelatedProperties.Add(PPP);

PPP= new PerPollutantProperties();
PPP.name="Sediment";
tec1.PollutantRelatedProperties.Add(PPP);
tec2.PollutantRelatedProperties.Add(PPP);

techniquesList.Add(tec1);
techniquesList.Add(tec2);
...

dataGridTechniques.ItemSource = techniquesList;
}

XAML:

         <sdk:DataGrid AutoGenerateColumns="False" Height="Auto" HorizontalAlignment="Left" Margin="12,483,0,0" Name="dataGridTechniques" 
                              VerticalAlignment="Top" Width="Auto" RowHeight="55">
                    <sdk:DataGrid.Columns>
                        <sdk:DataGridTemplateColumn Header="Current Load (lbs/yr)" Width="Auto">
                            <sdk:DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <toolkit:LayoutTransformer RenderTransformOrigin="0,0" >
                                        <toolkit:LayoutTransformer.LayoutTransform>
                                            <RotateTransform Angle="-90"/>
                                        </toolkit:LayoutTransformer.LayoutTransform>
                                        <sdk:DataGrid ItemsSource="{Binding PollutantRelatedProperties}"  
                                                      RowHeight="70" HeadersVisibility="None" AutoGenerateColumns="False">
                                            <sdk:DataGrid.Columns>
                                                <sdk:DataGridTemplateColumn Width="25" Header="currentLoad">
                                                    <sdk:DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <toolkit:LayoutTransformer>
                                                                <toolkit:LayoutTransformer.LayoutTransform>
                                                                    <RotateTransform Angle="90"/>
                                                                </toolkit:LayoutTransformer.LayoutTransform>
                                                                <TextBlock Text="{Binding CurrentLoad,Converter={StaticResource MyDoubleToStringRoundConverter}}" />
                                                            </toolkit:LayoutTransformer>
                                                        </DataTemplate>
                                                    </sdk:DataGridTemplateColumn.CellTemplate>
                                                </sdk:DataGridTemplateColumn>
                                                <sdk:DataGridTemplateColumn Width="25" Header="Pollutant">
                                                    <sdk:DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <toolkit:LayoutTransformer>
                                                                <toolkit:LayoutTransformer.LayoutTransform>
                                                                    <RotateTransform Angle="90"/>
                                                                </toolkit:LayoutTransformer.LayoutTransform>
                                                                <TextBlock Text="{Binding PollutantName}" />
                                                            </toolkit:LayoutTransformer>
                                                        </DataTemplate>
                                                    </sdk:DataGridTemplateColumn.CellTemplate>
                                                </sdk:DataGridTemplateColumn>
                                            </sdk:DataGrid.Columns>
                                        </sdk:DataGrid>
                                    </toolkit:LayoutTransformer>
                                </DataTemplate>
                            </sdk:DataGridTemplateColumn.CellTemplate>
                        </sdk:DataGridTemplateColumn>

                        <sdk:DataGridTemplateColumn Header="Reduced Load (lbs/yr)" Width="Auto">
                            <sdk:DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <toolkit:LayoutTransformer RenderTransformOrigin="0,0" >
                                        <toolkit:LayoutTransformer.LayoutTransform>
                                            <RotateTransform Angle="-90"/>
                                        </toolkit:LayoutTransformer.LayoutTransform>
                                        <sdk:DataGrid ItemsSource="{Binding PollutantRelatedProperties}" 
                                                      RowHeight="70" HeadersVisibility="None" AutoGenerateColumns="False">
                                            <sdk:DataGrid.Columns>
                                                <sdk:DataGridTemplateColumn Width="25" Header="reducedLoad">
                                                    <sdk:DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <toolkit:LayoutTransformer>
                                                                <toolkit:LayoutTransformer.LayoutTransform>
                                                                    <RotateTransform Angle="90"/>
                                                                </toolkit:LayoutTransformer.LayoutTransform>
                                                                <TextBlock Text="{Binding ReducedLoad,Converter={StaticResource MyDoubleToStringRoundConverter}}" />
                                                            </toolkit:LayoutTransformer>
                                                        </DataTemplate>
                                                    </sdk:DataGridTemplateColumn.CellTemplate>
                                                </sdk:DataGridTemplateColumn>
                                                <sdk:DataGridTemplateColumn Width="25" Header="Pollutant">
                                                    <sdk:DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <toolkit:LayoutTransformer>
                                                                <toolkit:LayoutTransformer.LayoutTransform>
                                                                    <RotateTransform Angle="90"/>
                                                                </toolkit:LayoutTransformer.LayoutTransform>
                                                                <TextBlock Text="{Binding PollutantName}" />
                                                            </toolkit:LayoutTransformer>
                                                        </DataTemplate>
                                                    </sdk:DataGridTemplateColumn.CellTemplate>
                                                </sdk:DataGridTemplateColumn>
                                            </sdk:DataGrid.Columns>
                                        </sdk:DataGrid>
                                    </toolkit:LayoutTransformer>
                                </DataTemplate>
                            </sdk:DataGridTemplateColumn.CellTemplate>
                        </sdk:DataGridTemplateColumn>
                    </sdk:DataGrid.Columns>
                </sdk:DataGrid>

棘手的部分是应用程序应允许用户添加/删除污染物/技术以供考虑,并且每种技术对每种污染物具有不同的还原效率。这意味着对于添加的每种污染物,需要在技术类中添加一个更有效的需求。我应该如何构造Technique类来适应这个?我想将techniquesList绑定到类似datagrid的东西,用户可以在其中输入自定义信息,例如recuction efficient。

编辑:决定在Technique类中使用List(实际上是ObservableCollection每个其他帖子和RKaufman的建议)属性,以及嵌套的Datagrid。到目前为止,我遇到了两个问题。

问题1.除了我在嵌套DG中在XAML中设置的列之外,数据源的每个属性也显示为列。我最初不得不在后面的代码中将其可见性设置为“Collapsed”,但在编辑这篇文章时,我发现我可以简单地将AutoGenerateColumns设置为False以消除额外的列。

问题2.每个嵌套Datagrid的第0行和第0列中的TextBlock元素都围绕它们进行焦点重新调整。我想知道为什么以及如果可能的话如何关闭它们。即使我点击UI的其他区域,它们也不会消失。

截图(抱歉没有足够的代表在帖子中嵌入图片): http://xyk.iwebs.ws/nestedDG_textBlock_highlight.JPG

1 个答案:

答案 0 :(得分:0)

如果我理解你所说的正确,你需要能够添加或去除技术中的污染物。如果这是正确的,那么每种技术都需要有一系列污染物。要向用户显示此信息,带有行详细信息模板的数据网格将解决该问题。 至于将污染物添加到技术中,我建议您使用单独的页面或子窗口添加/编辑技术,并使用几个列表框来选择/取消选择污染物。 我还将使用System.Collections.ObjectModel.ObservableCollection而不是List,因为它实现了INotifyCollectionChanged,并且当您从集合中添加或删除项目时,将通知您的UI。

如果这不正确,请告诉我或提供更多信息,我会尽力指导您。