ListBox控件隐藏,不显示

时间:2012-04-24 13:15:22

标签: c# windows-phone-7 xaml

我已经开始将我的项目从当前不稳定的性质转换为更高效的MVVM模型, 因为这样做,我在视图区域中创建的ListBox不再渲染了。代码构建&运行流畅, 但列表框控件保持为空.. 一旦我从另一个类

调用方法fillList,就会发生这种情况
public void FillList(List<StockItem> sList)
{
    List<StockItem> locallist = new List<StockItem>();

    locallist.Add(new StockItem { AvailableStock = " ijeifji", BlockedStock = "ijji", DetailedInfo = "rrkorkork", IDCode = "rokro", TotalStock = " iijerijer", UOM = "o", WarehouseName = "blargh" });
    locallist.Add(new StockItem { AvailableStock = " ijeifji", BlockedStock = "ijji", DetailedInfo = "rrkorkork", IDCode = "rokro", TotalStock = " iijerijer", UOM = "o", WarehouseName = "blargh" });
    locallist.Add(new StockItem { AvailableStock = " ijeifji", BlockedStock = "ijji", DetailedInfo = "rrkorkork", IDCode = "rokro", TotalStock = " iijerijer", UOM = "o", WarehouseName = "blargh" });

    listBox.ItemsSource = locallist;
   // listBox.ItemsSource = siList;
}

在这里,我创建了一个名为locallist的TEMPORAL列表来离线测试我的连接, 发送给该方法的列表sList是一个类似的列表,包含具有相同Binding名称的项目,只是方式..方式更大......

我的列表框的XAML是:

<ListBox x:Name="listBox" FontSize="26" SelectionChanged="listBox_SelectionChanged" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Height="176" Width="444" Background="#00292828">
                <Grid Height="159" VerticalAlignment="Top" Background="#6C5A5A5A">
                    <TextBlock Text="{Binding IDCode}" Height="28" Margin="8,7,164,0" VerticalAlignment="Top" Foreground="White" FontFamily="Segoe WP Light" FontSize="17.333"/>
                    <TextBlock Text="{Binding DetailedInfo}" Margin="8,39,164,0" Height="28" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="17.333"/>
                    <TextBlock Margin="24,73,15,0" TextWrapping="Wrap" FontFamily="Segoe WP Black" Height="29" VerticalAlignment="Top"><Run Text="TOTAL  "/><Run Text=" AVAILABLE  "/><Run Text=" BLOCKED"/></TextBlock>
                    <TextBox HorizontalAlignment="Left" Margin="8,0,0,-4" Text="{Binding TotalStock}" VerticalAlignment="Bottom" Height="61" Width="97" FontSize="18.667" Style="{StaticResource TextBoxStyle1}" Foreground="White" FontFamily="Segoe WP SemiLight" TextAlignment="Center"/>
                    <TextBox Margin="144,0,0,-4" Text="{Binding AvailableStock}" VerticalAlignment="Bottom" Height="61" FontSize="18.667" Style="{StaticResource TextBoxStyle1}" Foreground="White" FontFamily="Segoe WP SemiLight" TextAlignment="Center" HorizontalAlignment="Left" Width="102"/>
                    <TextBox HorizontalAlignment="Right" Margin="0,0,40,-4" Text="{Binding BlockedStock}" VerticalAlignment="Bottom" Height="61" Width="108" FontSize="18.667" Style="{StaticResource TextBoxStyle1}" Foreground="White" FontFamily="Segoe WP SemiLight" TextAlignment="Center"/>
                    <TextBlock HorizontalAlignment="Left" Margin="111,0,0,6.733" TextWrapping="Wrap" Text="{Binding UOM}" VerticalAlignment="Bottom" FontFamily="Segoe WP Light" FontSize="13.333"/>
                    <TextBlock HorizontalAlignment="Right" Margin="0,0,172.343,6.733" TextWrapping="Wrap" Text="{Binding UOM}" VerticalAlignment="Bottom" FontFamily="Segoe WP Light" FontSize="13.333"/>
                    <TextBlock HorizontalAlignment="Right" Margin="0,0,15.343,6.733" TextWrapping="Wrap" Text="{Binding UOM}" VerticalAlignment="Bottom" FontFamily="Segoe WP Light" FontSize="13.333"/>
                </Grid>
                <Button Content="Details" HorizontalAlignment="Right" VerticalAlignment="Top" Height="73" Width="146" Style="{StaticResource ButtonStyle1}" Foreground="#FFAAC028"/>
                <Rectangle Fill="White" Margin="0,-0.167,150.589,0" StrokeThickness="3" StrokeLineJoin="Round" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" HorizontalAlignment="Right" Height="57.75" VerticalAlignment="Top" Width="6.906">
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="21.737" TranslateX="19.935"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
                <!--<Button Click="Button_Click"/>-->
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

当我从ViewModel.cs调用FillList方法(位于StockItemOverview.xaml.cs中)时,问题就出现了(此处列表被创建并发送到FillList(List sList) 一旦程序完成FillList方法,它就会继续运行,但不会出现列表框! 请帮忙!

EDIT 来自我的ViewModel.cs的代码

public void PopulateListbox(List<StockItem> sentSI, int MAX)
{
    List<StockItem> stockItemList = new List<StockItem>();

    for (int i = 0; i < MAX; i++)
    {
        stockItemList.Add(new StockItem() { IDCode = sentSI[i].IDCode, DetailedInfo = sentSI[i].DetailedInfo, AvailableStock = sentSI[i].AvailableStock, BlockedStock = sentSI[i].BlockedStock, TotalStock = sentSI[i].TotalStock, UOM = sentSI[i].UOM });
        //stockItemList.Add(new StockItem() { IDCode = "Hubla", DetailedInfo = "17 C", AvailableStock = "20", BlockedStock = "10", TotalStock = "30" });
    }

    StockItemOverview pageDisplayer = new StockItemOverview();

    pageDisplayer.FillList(stockItemList);
}

和StockItem类:

public class StockItem
{
    public string IDCode { get; set; }
    public string AvailableStock { get; set; }
    public string BlockedStock { get; set; }
    public string TotalStock { get; set; }
    public string DetailedInfo { get; set; }
    public string WarehouseName { get; set; }
    public string UOM { get; set; }
}

2 个答案:

答案 0 :(得分:0)

只是一些想法。

  1. 创建一个BaseModel类。
  2. 一个。实现INotifyPropertyChanged(使用适当的命名空间)。 湾实施方法。
  3. 示例:

    public event PropertyChangedEventHandler PropertyChanged;
    
    protected void OnPropertyChanged(string name)
    {
       PropertyChangedEventHandler handler = PropertyChanged;
       if (handler != null)
          {
              handler(this, new PropertyChangedEventArgs(name));
          }
    }
    
    1. 所有Model类(例如StockItem)都将继承BaseModel类。

    2. 为StockItem类的所有字段拼写get和set。并通过在Set方法中将相应的公共属性名称作为参数来调用PropertyChanged方法。

    3. 示例:

      private string _idCode;
      
      public string IDCode
      {
       get{
            return _idCode;
          }
       set{
           _idCode = value;
           PropertyChanged("IDCode");
          }
      }
      
      1. 转换所有列表&lt;&gt;到ObservableCollection&lt;&gt;

      2. 让ViewModel实现INotifyPropertyChanged接口或从BaseViewModel继承(就像上面介绍的实现接口的BaseModel一样)。 定义集合也是属性。像我们为Model类所做的那样调用PropertyChanged方法。

      3. 有listBox.ItemsSource = locallist; Load事件或构造函数中的语句。

      4. 将DataContext属性设置为ViewModel。

答案 1 :(得分:0)

因此,在我再次调整代码之后,我注意到我创建了2个ViewModel实例并调用了彼此的StockList ...通过正确使用ViewModel的相同实例,列表框现在可以正确绘制, 您必须将StockItem类更改为:

public class StockItem
{
        // Insert code required on object creation below this point.
        //      public string IDCode { get; set; }
        //      public string AvailableStock { get; set; }
        //      public string BlockedStock { get; set; }
        //      public string TotalStock { get; set; }
        //      public string DetailedInfo { get; set; }
        //      public string WarehouseName { get; set; }
        //      public string UOM { get; set; }

        //public StockItem() { }

        // public StockItem(string idcode, string avstock, string blstock, string totstock, string detinfo, string warehouse, string uom) 
        //  {
        //         this.IDCode = idcode;
        //         this.AvailableStock = avstock;
        //         this.BlockedStock = blstock;
        //         this.TotalStock = totstock;
        //         this.DetailedInfo = detinfo;
        //         this.WarehouseName = warehouse;
        //         this.UOM = uom;

        //     }
    private string _idcode;

    public string IDCode
    {
        get
        {
            return _idcode;
        }
        set
        {
            if (value != _idcode)
            {
                _idcode = value;
                NotifyPropertyChanged("IDCode");
            }
        }
    }
    private string _avstock;

    public string AvailableStock
    {
        get
        {
            return _avstock;
        }
        set
        {
            if (value != _avstock)
            {
                _avstock = value;
                NotifyPropertyChanged("AvailableStock");
            }
        }
    }
    private string _blstock;

    public string BlockedStock
    {
        get
        {
            return _blstock;
        }
        set
        {
            if (value != _blstock)
            {
                _blstock = value;
                NotifyPropertyChanged("BlockedStock");
            }
        }
    }
    private string _totstock;

    public string TotalStock
    {
        get
        {
            return _totstock;
        }
        set
        {
            if (value != _totstock)
            {
                _totstock = value;
                NotifyPropertyChanged("TotalStock");
            }
        }
    }
    private string _detinf;

    public string DetailedInfo
    {
        get
        {
            return _detinf;
        }
        set
        {
            if (value != _detinf)
            {
                _detinf = value;
                NotifyPropertyChanged("DetailedInfo");
            }
        }
    }
    private string _uom;

    public string UOM
    {
        get
        {
            return _uom;
        }
        set
        {
            if (value != _uom)
            {
                _uom = value;
                NotifyPropertyChanged("UOM");
            }
        }
    }
    private string _wareh;

    public string WarehouseName
    {
        get
        {
            return _wareh;
        }
        set
        {
            if (value != _wareh)
            {
                _wareh = value;
                NotifyPropertyChanged("WarehouseName");
            }
        }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(String propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (null != handler)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

并将ItemsSource的绑定添加到正确的viewmodel

private void StockItemOverview_Loaded(object sender, RoutedEventArgs e)
    {
        this.listBox.ItemsSource = App.ViewModel.StockItemList;

        if (!App.ViewModel.IsDataLoaded)
        {
            App.ViewModel.LoadData();
        }
    }
相关问题