Sometimes we need to choose one or more record. So for this reason we need to create checkbox grid. Like as follows.
I have developed it in silverlight 5 with mvvm architectural pattern.
in xaml
<UserControl
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"
x:Class="CheckBoxGrid.MainPage"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="1300">
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<sdk:DataGrid
HorizontalAlignment="Stretch" VerticalAlignment="Top" Grid.Row="0" Grid.Column="0"
ItemsSource="{Binding Path=VMVStudent.StudentList,Mode=TwoWay}"
SelectionMode="Single"
IsReadOnly="True"
AutoGenerateColumns="False"
>
<sdk:DataGrid.Columns>
<sdk:DataGridTemplateColumn Width="20">
<sdk:DataGridTemplateColumn.HeaderStyle >
<Style TargetType="sdk:DataGridColumnHeader">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<CheckBox x:Name="chkAll" IsChecked="{Binding Path=VMVStudent.IsSelectAll, Mode=TwoWay}" Grid.Column="0">
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<i:InvokeCommandAction Command="{Binding SelectAllCommand, Source={StaticResource StudentSR}}" CommandParameter="{Binding ElementName=chkAll}" />
</i:EventTrigger>
</i:Interaction.Triggers>
</CheckBox>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</sdk:DataGridTemplateColumn.HeaderStyle>
<sdk:DataGridTemplateColumn.CellTemplate >
<DataTemplate>
<CheckBox Name="chkSelect" IsChecked="{Binding Path=IsSelect,Mode=TwoWay}"/>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTextColumn Binding="{Binding Path=Id}" Width="*" Header="Student Id"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Binding="{Binding Path=Name}" Width="*" Header="Student Name"></sdk:DataGridTextColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
</Grid>
</UserControl>
Page Code Behind
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;
namespace CheckBoxGrid
{
public partial class MainPage : UserControl
{
VM.VMSudent _studentVm = null;
public MainPage()
{
_studentVm = new VM.VMSudent();
Resources.Add("StudentSR", _studentVm);
InitializeComponent();
this.DataContext = _studentVm;
}
}
}
In Model
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace CheckBoxGrid.Model
{
public class Students:BaseClass
{
int id;
string name; public string Name
{
get { return name; }
set { name = value;
NotifyPropertyChanged("Name");
}
} public int Id
{
get { return id; }
set { id = value;
NotifyPropertyChanged("Id");
}
}
private bool isSelect; public bool IsSelect
{
get { return isSelect; }
set { isSelect = value;
NotifyPropertyChanged("IsSelect");
}
} }
}
In VMV using System;
using System.Collections.ObjectModel;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using CheckBoxGrid.Model;
namespace CheckBoxGrid.VMV
{
public class VMVStudent : BaseClass
{
private ObservableCollection studentList = new ObservableCollection();
public ObservableCollection StudentList
{
get { return studentList; }
set
{
studentList = value;
NotifyPropertyChanged("StudentList");
}
}
private bool _IsSelectAll;
public bool IsSelectAll
{
get { return _IsSelectAll; }
set { _IsSelectAll = value;
NotifyPropertyChanged("IsSelectAll");
}
}
}
}
In VM
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using NEXTIT.ERP.LIB;
namespace CheckBoxGrid.VM
{
public class VMSudent:BaseClass
{
private VMV.VMVStudent _VMVStudent = new VMV.VMVStudent();
public VMV.VMVStudent VMVStudent
{
get { return _VMVStudent; }
set { _VMVStudent = value; }
}
public VMSudent() {
PopulateStudentList();
SelectAllCommand = new DelegateCommand(OnSelectAllCommand, CanLoadCustomers);
}
private void PopulateStudentList()
{
VMVStudent.StudentList = new System.Collections.ObjectModel.ObservableCollection {
new Model.Students {Id=1,Name = "Pria"},
new Model.Students {Id=2,Name = "Smith"},
new Model.Students {Id=3,Name = "Devid"},
new Model.Students {Id=4,Name = "Helen"},
new Model.Students {Id=5,Name = "Nuton"},
new Model.Students {Id=6,Name = "Kafre"},
};
}
///
/// Loads the customers.
///
/// The parameter.
private void OnSelectAllCommand(object parameter)
{
if (((dynamic)(parameter)).IsChecked == true)
{
_VMVStudent.IsSelectAll = true;
foreach (var obj in VMVStudent.StudentList)
{
obj.IsSelect = true;
}
}
else {
_VMVStudent.IsSelectAll = false;
foreach (var obj in VMVStudent.StudentList)
{
obj.IsSelect = false;
}
}
}
public ICommand SelectAllCommand { get; set; }
///
/// Determines whether this instance [can load customers] the specified parameter.
///
/// The parameter.
///
/// true if this instance [can load customers] the specified parameter;
/// otherwise, false.
///
private bool CanLoadCustomers(object parameter)
{
return true;
}
}
}
