Hello Team,
We are using the Infragistics WPF Controls in our application for rich UI experience- Version 14.2.
I need your help/ suggestions for one of the new requirements in our product.
Our New requirement is regarding the XamDataGrid Cell click scenario. Please find the below description of our requirement.
You can also please advise if we need to add any extra controls like 'Apply' in the popup in order to update the text entered in the popup to grid.
I really need your help on this. Looking forward for your valuable suggestions/ solution on this.
Please let me know if I can provide you any further information on this.
Thanks in Advance.
Thanks & regards,
Raj Kumar.
Hello Rajkumar,
Thank you for your post!
To achieve the requirement you are looking for, I would recommend starting by handling two events. These two events are the XamDataGrid.CellActivated event, and the LostFocus event of the text editor you are looking to place inside of your popup. The LostFocus event will be for closing the Popup when the text editor loses focus. The CellActivated event, though, is a bit more complex.
I would also recommend that you already have your Popup object built in your XAML, but just have its IsOpen property set to "False" at the start of your application. Now, to get the popup to show up like in your attached image, I would recommend placing it on the CellValuePresenter of the cell that is being activated. This CellValuePresenter's data context is the data record that it exists in, so if you bind the Text property of your text editor using the following binding, you can ensure that the data item of your cell gets updated when the popup closes:
{Binding ElementName:thePopup, Path=PlacementTarget.DataContext.DataItem.LatestNote, UpdateSourceTrigger=LostFocus, Mode=TwoWay}
Moving back to the CellActivated event, this is what I would recommend using to attach the popup's PlacementTarget to the CellValuePresenter. The event arguments of the CellActivated event can get you the cell that has just been activated. This activation will happen when a cell is navigated to. From the cell, you can obtain the Field that the cell sits inside of. If this Field is your "Latest Note" field, you can use the static CellValuePresenter.FromCell(c) method to obtain the CellValuePresenter from the cell in the event arguments. Then, you can set the popup's PlacementTarget property to the returned CellValuePresenter and set the popup's IsOpen property to "True."
Since you also wish to have the text editor in the popup go into edit mode on startup, I would recommend after setting the popup.IsOpen property, to use a Dispatcher.BeginInvoke(new Action(() => { your code here })) to obtain the text editor from the Child property of the popup. This will ensure that the popup is indeed open when calling the code that sits in the "your code here" section. I would personally recommend utilizing a XamTextEditor in the popup, as this editor has a method named StartEditMode() that you could use at this point. It also has a TextWrapping property, like the TextBox, which you can use to enable the TextWrapping that you wish to see in the popup.
I have attached a sample project to demonstrate the above. I hope this helps you.
Please let me know if you have any other questions or concerns on this matter.
Sincerely,AndrewAssociate DeveloperInfragistics Inc.www.infragistics.com/support
Hello Andrew,
My Sincere thanks to you- for replying suggesting how to implement my requirement.
I am very much satisfied with your quick and prompt reply. Thank you so much.
I will download the sample and check/verify whether this meet my requirements or not.
I will get back to you in case of any queries on this ASAP.
Thanks & Regards,
Rajkumar.
Hi Andrew,
Your sample almost reached my requirement. Thanks for that.
Only thing missed is , in the popup we need to show the Header text (as 'Latest Note'). For this I used the GroupBox and moved the XamTextEditor into that and did some necessary code changes to support. It works for me.
There is a point which i mentioned in the requirements ie., - The text box will increase in depth if user update necessitates (or add vertical scroll bar)
If the Text entered by the user exceeds the Height of the TextEditor, It automatically wraps the text and accepting the whole content. Thanks for that.
I have some below small concerns- Could you please suggest me on those whether those are workable or not?
1.Is there a way to show the Vertical scroll bars if the Entered Text exceeds the Height of the TextEditor?. So that User can review his text using the Vertical scroll bar.
2.It is not accepting 'Enter' while entering text in Popup. Is it possible to allow 'Enter' (ie., New line) by the user in the Editor?. So that User can Enter his Notes Points wise.
I have been investigating into these other requirements that you have, and I believe I have a solution for you for both of them.
1. To show vertical scroll bars when using a XamTextEditor in your popup, and when the content exceeds the height of the editor, I would recommend setting the VerticalScrollBarVisibility property to "Auto." This will make the vertical scrollbars visible only when the content exceeds the height of the editor. If you would like to see them all the time, I would recommend setting this property to "Visible." This will have the scrollbar be visible but disabled until the content of the editor exceeds the height of the editor.
2. Acceptance of the "Enter" key in the XamTextEditor needs to be implemented programmatically. To do this, I would recommend handling the PreviewKeyDown event on the editor and checking the e.Key value of the event arguments for Key.Enter. If this was the key that was pressed, I would recommend calling XamTextEditor.Text.ToArray() and using the resultant array along with the XamTextEditor.SelectionStart property to insert an Environment.NewLine into the array. If nothing is currently selected or highlighted in the editor, the SelectionStart property will represent the position where the caret in the XamTextEditor currently sits. By using this, you can insert an Environment.NewLine into the array, and then loop through the array to create a string value that you can then set as the XamTextEditor.Text property. You will then need to set the SelectionStart property to move the caret to where it should be in the editor. I have found that the formula for this is to use myXamTextEditor.SelectionStart = oldSelectionStartIndex + 2. Then, mark the PreviewKeyDown event as handled by using e.Handled = true.
I have attached a modified version of the original sample project I had sent you to demonstrate the above.
Many Thanks Andrew for your suggestions.
I will download the latest sample and verify the same.
Will get you back in case of any queries on this matter.
Thanks & Regards,Rajkumar.