Silverlight TemplateColumn Nedir? Nasıl Kullanılır?

[DakikEmre]

TemplateColumn

Özel bir kolon tanımlarken yapmamız gereken iki şey var; ilk olarak kolonun normal
görüntüsünü tanımlamak, ikincisi ise "edit" modundaki görüntüsünü tanımlamak. Eğer
ReadOnly özelliklerini değiştirmezseniz normal şartlarda hem TextBoxColumn hem de
CheckBoxColumn üzerlerine tıklandıklarında içlerindeki verinin değiştirilebilmesine olanak tanırlar. Hatta Binding Mode olarak da TwoWay parametresini aktarırsanız arka planda Bind
ettiğiniz List içerisinde gerekli değişiklikler de otomatik olarak yapılır. Şimdi biz tüm bunları
bir TemplateColumn ile deneyeceğiz. Amacımız Stok bilgisi gösteren kolonu biraz
değiştirerek normalde içerisinde True veya False yazmasını sağlamak. Yani normal şartlarda
o kolonda bir CheckBox gözükmeyecek, fakat kullanıcına kolona çift tıklar ve değeri
değiştirmek isterse karşınızda bu sefer bir CheckBox gelecek.

<my:DataGridTemplateColumn Header="Stokta Var?">
<my:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Stok}"/>
</DataTemplate>
</my:DataGridTemplateColumn.CellTemplate>
<my:DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<CheckBox IsChecked="{Binding Stok, Mode=TwoWay}"></CheckBox>
</DataTemplate>
</my:DataGridTemplateColumn.CellEditingTemplate>
</my:DataGridTemplateColumn>

Yukarıdaki kodu detaylı olarak incelemekte fayda var. Yarattığımız TemplateColumn'un
içerisinde bir CellTemplate, bir de CellEditingTemplate var. Bu kolonun normal şartlardaki
görüntüsü CellTemplate, düzenleme modundaki görüntüsü ise CellEditingTemplate
içerisindeki şablona göre hazırlanacak. CellTemplate içerisinde DataTemplate içinde sadece
bir TextBlock koyuyoruz ve söz konusu TextBlock'un da Text özelliğini Stok bilgisini bind
ediyoruz. Böylece normalde Stok bilgisi String olarak bu TextBlock içerisinde gösterilecek.
Gelelim CellEditingTemplate şablonunda; bu şablon içerisinde de bir CheckBox kullanarak
söz konusu CheckBox'un IsChecked özelliğini Stok Property'sine Bind ederken Mode olarak
da TwoWay'i seçiyoruz. Böylece bu CheckBox üzerinde yapılan değişiklikler elimizdeki List
verimize yansıyacak, yani kaydedilecek.

Uygulamamızın tam XAML kodunu aşağıda inceleyebilirsiniz.

<UserControl xmlns:my="clrnamespace:
System.Windows.Controls;assembly=System.Windows.Controls.Data"
x:Class="SilverlightApplication25.Page"
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400"
Height="300">
<Grid x:Name="LayoutRoot"
Background="White">
<my:DataGrid x:Name="BirGrid"
AutoGenerateColumns="False"
AlternatingRowBackground="#FFFFFF00"
HorizontalGridlinesBrush="#FFD4FF00"
RowBackground="#FFE3E3E3">
<my:DataGrid.Columns>
<my:DataGridTextBoxColumn Header="Adi"
DisplayMemberBinding="{Binding Adi}" />
<my:DataGridCheckBoxColumn Header="Stokta Var?"
DisplayMemberBinding="{Binding Stok}" />
<my:DataGridTemplateColumn Header="Stokta Var?">
<my:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding Stok}"/>
</DataTemplate>
</my:DataGridTemplateColumn.CellTemplate>
<my:DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<CheckBox IsChecked="{Binding Stok, Mode=TwoWay}"></CheckBox>
</DataTemplate>
</my:DataGridTemplateColumn.CellEditingTemplate>
</my:DataGridTemplateColumn>
</my:DataGrid.Columns>
</my:DataGrid>
</Grid>
</UserControl>

Kaynak: Volkan Albayrak