Hightlighting searched text


I am using a sample third party grid from SyncFusion(they wont support unless i am ready to buy) and I am using one of their Grid control to impplment search functionality.
Following code gives me tells me whether the cell contains the searched value:
gridControl.Model[e.Cell.RowIndex, e.Cell.ColumnIndex].Text.Contains(SearchValue)
All i am trying to do is that instead of highlighting the whole cell using the code :
gridControl.Model[e.Cell.RowIndex, e.Cell.ColumnIndex].Background = Brushes.Yellow;
I  want to only highlight the matching text. Can you please help me with this urgent issue ?
Who is Participating?

Improve company productivity with a Business Account.Sign Up

grishavConnect With a Mentor Commented:
I never worked with SyncFusion grid, so you'll have to find out how to attach the DataTemplate to its cell. Here you can see how to do this with ListBox:

Xaml ("MainWindow.xaml") :
<Window x:Class="EESample.MainWindow"

        Title="MainWindow" Height="350" Width="525">
    <StackPanel Orientation="Vertical">
        <ListBox x:Name="myList" Height="200">
                <DataTemplate DataType="local:MyCellContent">
                    <StackPanel Orientation="Horizontal" Height="20">
                        <TextBlock Text="{Binding Path=Prefix}"/>
                        <TextBlock Text="{Binding Path=SelectedText}" Background="Yellow"/>
                        <TextBlock Text="{Binding Path=Suffix}"/>
        <TextBlock Margin="0,10,0,0" Text="Enter text to search:"/>
        <TextBox Name="searchText"/>
        <Button Content="Highlight!" Click="Button_Click"/>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Collections;
using System.ComponentModel;

namespace EESample
	/// <summary>
	/// Interaction logic for MainWindow.xaml
	/// </summary>
	public partial class MainWindow : Window
		public ArrayList Data;
		public MainWindow()
			Data = new ArrayList();
			Data.Add(new MyCellContent("one two three"));
			Data.Add(new MyCellContent("four five six"));
			Data.Add(new MyCellContent("seven eight nine"));
			myList.ItemsSource = Data;
		private void Button_Click(object sender, RoutedEventArgs e)
			string pattern = searchText.Text;
			int index;
			foreach (MyCellContent cc in Data) {
				index = cc.ContentText.IndexOf(pattern);
				if (index >= 0) {
					cc.Prefix = cc.ContentText.Substring(0, index);
					cc.SelectedText = cc.ContentText.Substring(index, pattern.Length);
					cc.Suffix = cc.ContentText.Substring(index + pattern.Length);
				else {
					cc.Prefix = cc.ContentText;
					cc.Suffix = cc.SelectedText = string.Empty;
	public class MyCellContent : DependencyObject, INotifyPropertyChanged
		string _content_text;
		public string ContentText
				return _content_text;
				_content_text = Prefix = value;
				Suffix = SelectedText = string.Empty;
		string _prefix;
		public string Prefix
			get { return _prefix; }
			set { _prefix = value; OnPropertyChanged("Prefix"); }
		string _suffix;
		public string Suffix
			get { return _suffix; } 
			set { _suffix = value; OnPropertyChanged("Suffix"); }
		string _sel;
		public string SelectedText
			get { return _sel; }
			set { _sel = value; OnPropertyChanged("SelectedText"); }
		public MyCellContent(string text)
			ContentText = text;

		#region INotifyPropertyChanged Members

		public event PropertyChangedEventHandler PropertyChanged;
		public void OnPropertyChanged(string name)
			if (PropertyChanged != null)
				PropertyChanged(this, new PropertyChangedEventArgs(name));


Open in new window

I don't think that you have obvious way to do this - no matter which grid you use.
You probably need to make a DataTemplate for you cell content and specify that it consists
from 3 text blocks - one for the substring of the text before selection, one for selected text, and one for the rest of string.
You should get rid of margins&padding to get the smooth picture of the whole text.
And you still must maintain string property for the whole text in your data class.

In "normal" cell you can just set the text in the first block to be the whole string and make the rest an empty string.
While searching, when you see that the cell text matches the pattern,
you need to split the string into 3 parts, assign values to the properties which are bound to the content of 3 text blocks and change background only for the second one.
dotnetproAuthor Commented:
Can you please give me a quick example as well ?
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.