Solved

Hightlighting searched text

Posted on 2010-09-24
3
277 Views
Last Modified: 2013-11-12
Experts,

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 ?
0
Comment
Question by:dotnetpro
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 4

Expert Comment

by:grishav
ID: 33769748
Hi,
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.
0
 
LVL 1

Author Comment

by:dotnetpro
ID: 33772040
Can you please give me a quick example as well ?
0
 
LVL 4

Accepted Solution

by:
grishav earned 500 total points
ID: 33776738
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"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:EESample"

        Title="MainWindow" Height="350" Width="525">
    
    <StackPanel Orientation="Vertical">
        <ListBox x:Name="myList" Height="200">
            <ListBox.ItemTemplate>
                <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}"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <TextBlock Margin="0,10,0,0" Text="Enter text to search:"/>
        <TextBox Name="searchText"/>
        <Button Content="Highlight!" Click="Button_Click"/>
    </StackPanel>
</Window>

C#:
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()
		{
			InitializeComponent();
			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
		{
			get
			{
				return _content_text;
			}
			set
			{
				_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));
		}
		#endregion
	}

}

Open in new window

0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows a few slightly more advanced techniques for Windows 7 gadget programming, including how to save and restore user settings for your gadget and how to populate the "details" panel that is displayed in the Windows 7 gadget gallery.  …
A theme is a collection of property settings that allow you to define the look of pages and controls, and then apply the look consistently across pages in an application. Themes can be made up of a set of elements: skins, style sheets, images, and o…
This is Part 3 in a 3-part series on Experts Exchange to discuss error handling in VBA code written for Excel. Part 1 of this series discussed basic error handling code using VBA. http://www.experts-exchange.com/videos/1478/Excel-Error-Handlin…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …

622 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question