Edit this page

SpellChecking GridCell

For a quick review of the basics you can take a look at the Getting Started topic.

Basically, there are two ways to spellcheck a grid cell:

Using XAML

If you choose this approach you can spellcheck only cells which contain a control implementing IControlSpellChecker.

After that you can set the attached property telerik:RadGridViewSpellCheckHelper.IsSpellCheckingEnabled="True", which resides in the telerik namespace to the column and grid in which the cell is placed. Here is an example:

<telerik:RadGridView x:Name="radGridView" telerik:RadGridViewSpellCheckHelper.IsSpellCheckingEnabled="True">
   <telerik:RadGridView.Columns>
      <telerik:GridViewDataColumn telerik:RadGridViewSpellCheckHelper.IsSpellCheckingEnabled="True">
         <telerik:GridViewDataColumn.CellTemplate>
            <DataTemplate>
               <TextBlock Text="{Binding EmployeeDescription}" TextWrapping="Wrap" />
            </DataTemplate>
         </telerik:GridViewDataColumn.CellTemplate>
         <telerik:GridViewDataColumn.CellEditTemplate>
            <DataTemplate>
               <TextBox Text="{Binding EmployeeDescription, Mode=TwoWay}" />
            </DataTemplate>
         </telerik:GridViewDataColumn.CellEditTemplate>
      </telerik:GridViewDataColumn>
   </telerik:RadGridView.Columns>
</telerik:RadGridView>

After this is done, every time you try to leave edit mode when in a cell, the spellchecking will be triggered and the CheckAllAtOnce dialog will show up with the contents of the control in the cell. You can perform all the spellchecking you want and when you click OK the text will be transferred back to the cell.

Using Code Behind

This approach is a little more complex than the former one. Here we can use different panels in the data template of the cell, and choose to spellcheck a certain control in this panel. To do that you need an ordinary button and an attached event handler to it in which you call the appropriate method:

private void spellcheckBButton_Click(object sender, RoutedEventArgs e)
{
    RadGridViewSpellCheckHelper.CheckChildControl(this.radGridView, "textBox1");
}

The example above shows how to perform this check on a RadGridView, if you want to do it on DataGrid, use DataGridSpellCheckHelper instead of RadGridViewSpellCheckHelper.

As you see, the first argument is the data grid in which we perform the spellchecking, and the second one is the name of the control we want to spellcheck. From then on, things are pretty much the same as in the first scenario – the check-all-at-once window pops-up and does the job.

Here is an example of the XAML:

<telerik:RadGridView x:Name="radGridView" ItemsSource="{Binding}">
   <telerik:RadGridView.Columns>
      <telerik:GridViewDataColumn >
         <telerik:GridViewDataColumn.CellTemplate>
            <DataTemplate>
               <Grid>
                  <TextBlock Text="{Binding EmployeeDescription}" TextWrapping="Wrap" />
               </Grid>
            </DataTemplate>
         </telerik:GridViewDataColumn.CellTemplate>
         <telerik:GridViewDataColumn.CellEditTemplate>
            <DataTemplate>
               <StackPanel>
                  <TextBox x:Name="textBox1" Text="{Binding EmployeeDescription}" />
                  <Button Content="Check Spelling" Name="spellcheckTBButton" Click="spellcheckTBButton_Click" Grid.Row="1"/>
               </StackPanel>
            </DataTemplate>
         </telerik:GridViewDataColumn.CellEditTemplate>
      </telerik:GridViewDataColumn>
   </telerik:RadGridView.Columns>
</telerik:RadGridView>