We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Data binding the sfMaskedEdit control using Caliburn.Micro

Thread ID:

Created:

Updated:

Platform:

Replies:

150743 Jan 17,2020 06:49 PM UTC Jan 27,2020 01:55 PM UTC WPF 6
loading
Tags: SfMaskedEdit
Charles Ihle
Asked On January 17, 2020 06:49 PM UTC

Does anyone have experience / examples for binding the sfMaskedEdit  control to a property in a bindablecollectioin? I can bind Microsoft controls without issue but not the sfMaskedEdit. I want to keep following the Caliburn model within MVVM. The property is in the viewmodel, the control is in the view. With Caliburn.Micro you just assign the control the name x:Name="BindableCollection_PropertyName". This doesn't work with sfMaskedEdit 

thanks for any help you can provide.

Charlie

Niranjan Kumar Gopalan [Syncfusion]
Replied On January 20, 2020 01:35 PM UTC

Hi Charles, 
 

We are currently checking your queryNeed a sample to bind the sfMaskedEdit  control to a property in a bindablecollection” and we will update you on 22nd January 2020.

 
Regards, 
Niranjan Kumar 


Niranjan Kumar Gopalan [Syncfusion]
Replied On January 21, 2020 12:17 PM UTC

Hi Charles , 
 
Thanks for your patience. 
 
We are not familiar with Caliburn.Micro. If you can provide us a demo sample comparing the binding of MS control and SfMaskedEdit control we will be able to analyze and proceed further and provide solution without delay. 
 
Regards, 
Niranjan Kumar 


Charles Ihle
Replied On January 21, 2020 03:56 PM UTC

Hi Niranjan,
Thanks for taking a look at this. Caliburn.Micro is a framework that utilizes MVVM. Naming conventions are important. I did make an error in my original query, for this form, the bindable collection isn't necessary. I've attached three files for your review. The form I'm working on is a customer modification form so for this, I've already selected the customer I want to modify from a list on a different form and passed the customer id to the ModifyCustomerView form via the ModifyCustomerViewModel. I retrieve the customer record and load it into a property of type CustomerModel named SelectedCustomer. I then have full properties for each of the fields in the model. The names and datatypes match those in the model.

The view is built when a control will display the desired field value, for instance there  is a TexBox for address line 1. Once the customer record has been retrieved I get it display address line one with the following XAML code
<TextBox x:Name="SelectedCustomer_CustAddr1" HorizontalAlignment="Left"  MinWidth="60" Margin="0 0 0 0"></TextBox>
Caliburn.Micro uses x:Name to identify what is being displayed. The first half of the name is the property holding the customer record followed by an underscore and then the field name that exactly matches the corresponding property in the view model and model. 

I can get the phone number to display with a TextBox or your sfMaskedEdit but I cannot format the information. 

I had the phone numbers defined as string originally but yesterday I changed the type to int. 

I've attached the three class files just discussed, let me now if this helps or if you need more information. This is really driving me nuts.

Charlie

Attachment: Syncfusion_7dfb3dbc.zip

Niranjan Kumar Gopalan [Syncfusion]
Replied On January 22, 2020 01:56 PM UTC

Hi Charles,  
  
We are currently checking this query and we will update you on 24th  January 2020. 
  
Regards,  
Niranjan Kumar  
 


Kanniyappan Panneer Selvam [Syncfusion]
Replied On January 25, 2020 03:46 AM UTC

Hi Charles, 
 
Thanks for your patience. 
 
We have worked on your query and prepared the sample to meet your requirements. In our sample, we have displayed phone number to the Value of SfMaskedEdit with integer type. Please find the sample, screenshot and sample for the same.  
 
Code Snippet: 
 
<syncfusion:SfMaskedEdit Value="{Binding Path=MobileNumber,Mode=OneWay}" Height="30" Width="170" MaskType="Simple" Mask="(000) 000-0000" /> 
 
 
Screenshot: 
 
 
 
 
Please get back to us with more details if we have misunderstood your query. 
 
Regards, 
Kanniyappan P 
 
 


Niranjan Kumar Gopalan [Syncfusion]
Replied On January 27, 2020 01:55 PM UTC

Hi Charles, 

Thanks for your patience. 

We have worked on your query and prepared sample to meet your requirement. SfMaskedEdit can have only string type value, so we have used converter to convert the string value from SfMaskedEdit control to double value for TextBox (mobile number should be of double type by size). Please refer the below sample foe same. 


Regards, 
Niranjan Kumar 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon