DataGrid コントロールを使用して Silverlight 5 Web アプリケーションを作成しています。私は確かに興味深い問題を抱えています。
各行にテンプレート化された列を使用しています。各行は、監視可能なコレクション内の 1 つのデータ項目を表します。
各行には、1 つのチェック ボックス、1 つのテキスト ブロック、および 1 つのテキスト ボックスが含まれます。
私のエラーが発生する環境は、Silverlight が画面に描画できるよりも多くの行があるため、垂直スコルバーが有効になる環境です。
ユーザーが複数のテキスト ボックスおよび/または複数のチェックボックスに情報を入力した後、下にスクロールすると、ランダム ボックスがチェックされ、ランダム テキスト ボックスには、以前に入力されたテキスト ボックスからの同様の/部分的な入力が入力されます。
ユーザーが上にスクロールしてから下に戻すと、さまざまな行がランダムに入力されます。バインドされた入力とバインドされていない入力でこれを試しましたが、結果は同じです。
この問題を示す例をモックアップしました
MainPage.xaml の xaml は次のとおりです。
<UserControl x:Class="DataGrid_bug_repro.MainPage"
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:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
mc:Ignorable="d"
d:DesignHeight="600" d:DesignWidth="800">
<Grid x:Name="LayoutRoot" Background="White">
<StackPanel>
<TextBlock Margin="60 0 0 0">Bound to Data Items</TextBlock>
<sdk:DataGrid Name="dgBound" Height="280" Width="680" AutoGenerateColumns="False" FontSize="12" >
<sdk:DataGrid.Columns>
<sdk:DataGridTemplateColumn Header="Select" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<CheckBox Width="40" Tag="{Binding ID}" IsChecked="{Binding Selected}" />
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTemplateColumn Header="name" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<Grid>
<TextBlock TextWrapping="Wrap" Text="{Binding Name}" TextOptions.TextFormattingMode="Ideal" />
</Grid>
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTemplateColumn Header="txt" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<Grid>
<TextBox Text="{Binding txt}" />
</Grid>
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
<TextBlock Margin="60 0 0 0">Not Bound to Data Items</TextBlock>
<sdk:DataGrid Name="dgNotBound" Height="280" Width="680" AutoGenerateColumns="False" FontSize="12" >
<sdk:DataGrid.Columns>
<sdk:DataGridTemplateColumn Header="Select" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<CheckBox Width="40" Tag="{Binding ID}" />
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTemplateColumn Header="name" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<Grid>
<TextBlock TextWrapping="Wrap" Text="{Binding Name}" TextOptions.TextFormattingMode="Ideal" />
</Grid>
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTemplateColumn Header="txt" >
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel>
<Grid>
<TextBox Text="" />
</Grid>
</StackPanel>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
</StackPanel>
</Grid>
</UserControl>
MainPage.xaml.cs ファイルの C# コードは次のとおりです。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.ComponentModel;
using System.Collections.ObjectModel;
namespace DataGrid_bug_repro
{
public class ITEM : INotifyPropertyChanged
{
private string _ID = string.Empty;
private bool _Selected = false;
private string _Name = string.Empty;
private string _txt = string.Empty;
public string ID
{
get{return _ID;}
set { _ID = value; onPropertyChanged(this, "ID"); }
}
public string Name
{
get { return _Name; }
set { _Name = value; onPropertyChanged(this, "Name"); }
}
public string txt
{
get { return _txt; }
set { _txt = value; onPropertyChanged(this, "txt"); }
}
public bool Selected
{
get { return _Selected; }
set { _Selected = value; onPropertyChanged(this, "Selected"); }
}
public event PropertyChangedEventHandler PropertyChanged;
private void onPropertyChanged(object sender, string propertyName)
{
if (this.PropertyChanged != null)
{
PropertyChanged(sender, new PropertyChangedEventArgs(propertyName));
}
}
}
public partial class MainPage : UserControl
{
public MainPage()
{
ObservableCollection<ITEM> Items = new ObservableCollection<ITEM> {
new ITEM { ID="1", Name="Gomez" },
new ITEM { ID="2", Name="Morticia" },
new ITEM { ID="3", Name="Pugsly" },
new ITEM { ID="4", Name="Wednesday" },
new ITEM { ID="5", Name="Pubert" },
new ITEM { ID="6", Name="Uncle Fester" },
new ITEM { ID="7", Name="Grandmama" },
new ITEM { ID="8", Name="Thing" },
new ITEM { ID="9", Name="Lurch" },
new ITEM { ID="10", Name="Cousin Itt" },
new ITEM { ID="11", Name="Cousin Cackle" },
new ITEM { ID="12", Name="Kitty Cat" },
new ITEM { ID="13", Name="Aristotle" },
new ITEM { ID="14", Name="Homer" },
new ITEM { ID="15", Name="Tristan" },
new ITEM { ID="16", Name="Isolde" },
new ITEM { ID="17", Name="Zelda" },
new ITEM { ID="18", Name="Cleopatra" },
new ITEM { ID="19", Name="Bernice" },
new ITEM { ID="20", Name="Ophelia" },
new ITEM { ID="21", Name="Melancholia" },
new ITEM { ID="22", Name="Hester" },
new ITEM { ID="23", Name="Norman Normanmeyers" },
new ITEM { ID="24", Name="Normina Normanmeyers" },
new ITEM { ID="25", Name="N.J. Normanmeyers" } };
InitializeComponent();
dgBound.ItemsSource = Items;
dgNotBound.ItemsSource = Items;
}
}
}
誰もこれを見たことがありますか？回避策はありますか？明らかな何かが欠けていますか？
前もって感謝します ：）