RichTextbox Colored after comparing two column values inside datatemplate in GridView

Question

I have a GridView inside that 2 different column i have a cell template and a datatemplate in that i have the RichTextbox inside that paragraph inside that run and the text property binded on it.

Now i need to compare tow richtexbox text value. If any RichTextbox value is different it need to be highlighted inside thta text Box.

XAML

c#

private void gfgvBrokenLinks_RowLoaded"object sender, Telerik.Windows.Controls.GridView.RowLoadedEventArgs e)
{



if (e.Row.Cells.Count > 0)
{
RichTextBox rt1 = e.Row?.Cells[8]?.Content as RichTextBox;
RichTextBox rt2 = e.Row?.Cells[9]?.Content as RichTextBox;
if (rt1 != null && rt2 != null)
{
string a1 = StringFromRichTextBox(rt1);
string a2 = StringFromRichTextBox(rt2);
if (!a1.Equals(a2))
{
int startindex = 0;
startindex = a1.Zip(a2, (c1, c2) => c1 == c2).TakeWhile(b => b).Count();
int length = a2.Length - startindex;
Select(rt2, startindex, length, Colors.Yellow);
}



//string text = new TextRange(rt2.Document.ContentStart, rt2.Document.ContentEnd).Text;
//if (text.Length > 0)
//{
// TextPointer myTextPointer1 = rt2.Document.ContentStart.GetPositionAtOffset(startindex + 1);
// TextPointer myTextPointer2 = rt2.Document.ContentEnd;
// if (myTextPointer1 != null && myTextPointer2 != null)
// {
// TextRange tr = new TextRange(myTextPointer1, myTextPointer2);
// tr.ApplyPropertyValue(TextElement.BackgroundProperty, Brushes.Yellow);
// }
//}
}
}
}



private static TextPointer GetTextPointAt(TextPointer from, int pos)
{
TextPointer ret = from;
int i = 0;



while ((i < pos) && (ret != null))
{
if ((ret.GetPointerContext(LogicalDirection.Backward) == TextPointerContext.Text) || (ret.GetPointerContext(LogicalDirection.Backward) == TextPointerContext.None))
{
i++;
}



if (ret.GetPositionAtOffset(1, LogicalDirection.Forward) == null)
{
return ret;
}



ret = ret.GetPositionAtOffset(1, LogicalDirection.Forward);
}



return ret;
}



internal string Select(RichTextBox rtb, int offset, int length, Color color)
{
// Get text selection:
TextSelection textRange = rtb.Selection;



// Get text starting point:
TextPointer start = rtb.Document.ContentStart;



// Get begin and end requested:
TextPointer startPos = GetTextPointAt(start, offset);
TextPointer endPos = GetTextPointAt(start, offset + length);



// New selection of text:
textRange.Select(startPos, endPos);



// Apply property to the selection:
textRange.ApplyPropertyValue(TextElement.BackgroundProperty, new SolidColorBrush(color));



// Return selection text:
return rtb.Selection.Text;
}

private string StringFromRichTextBox(RichTextBox rtb)
{
TextRange textRange = new TextRange(rtb.Document.ContentStart, rtb.Document.ContentEnd);
return textRange.Text.Replace("
", "");
}

Thanks In Advance

Answer

I am happy if you can provide an answer to achieve this using only WPF as well.

Compare two GridView column and highlight the text having difference.

Thanks in advance

Answer

@Deepak Joy Joseph , you could try the following code to highlight the text having difference by comparing two Gridview Column.

Xaml:

C# code:

public MainWindow()  
        {  
            InitializeComponent();  
            List authors = new List();  
            authors.Add(new Author { FirstName = "test111", LastName = "test1" });  
            authors.Add(new Author { FirstName = "test2", LastName = "test2" });  
            authors.Add(new Author { FirstName = "test33", LastName = "test3" });  
            authors.Add(new Author { FirstName = "test4", LastName = "test4" });  
            DataContext = authors;  
        }  
  
        private void Window_Loaded(object sender, RoutedEventArgs e)  
        {  
            for (int i = 0; i < listview1.Items.Count; i++)  
            {  
                ListViewItem listviewitem = (ListViewItem)listview1.ItemContainerGenerator.ContainerFromIndex(i);  
                var children = AllChildren(listviewitem);  
                RichTextBox richTextBox1 = (RichTextBox)children.FirstOrDefault(c => c.Name == "richTextBox1");  
                RichTextBox richTextBox2 = (RichTextBox)children.FirstOrDefault(c => c.Name == "richTextBox2");  
                string richText1 = new TextRange(richTextBox1.Document.ContentStart, richTextBox1.Document.ContentEnd).Text;  
                string richText2 = new TextRange(richTextBox2.Document.ContentStart, richTextBox2.Document.ContentEnd).Text;  
                
                if (richText1!=richText2)  
                {  
                    richTextBox1.Document.Blocks.Clear();  
                    TextRange tr = new TextRange(richTextBox1.Document.ContentEnd, richTextBox1.Document.ContentEnd);  
                    tr.Text = richText1;  
                    tr.ApplyPropertyValue(TextElement.ForegroundProperty, Brushes.Red);  
                }  
  
                Console.WriteLine(richText1);  
                Console.WriteLine(richText2);  
            }  
            
  
  
        }  
  
        private List AllChildren(DependencyObject obj)  
        {  
            var list = new List() { };  
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)  
            {  
                var child = VisualTreeHelper.GetChild(obj, i);  
               if(child is Control)  
                  
                    list.Add(child as Control);  
                    list.AddRange(AllChildren(child));  
                  
            }  
            return list;  
       
        }  
  
public class Author  
    {  
        public string FirstName { get; set; }  
  
        public string LastName { get; set; }  
  
    }

Result:

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

Thank you so much for your answer.
I have two issues with your answer.
1.I don't want the gridview to place inside list veiw. Only GridView required.
Only GridView in xaml.
2 Highlight only the changes tex not the entire text.

If possible could you please do the needful for achieving this

Share via

RichTextbox Colored after comparing two column values inside datatemplate in GridView

3 answers

Your answer