)
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

How to bind value in NumerictextBox?

Platform: Xamarin.Forms |
Control: SfNumericTextBox |
Published Date: August 26, 2016 |
Last Revised Date: July 4, 2019

To bind the value in NumericTextBox, follow the given steps:

Step 1:  Create the NumericTextBox sample and include the necessary source files.

Step 2: Create an instance for ViewModel and NumericTextBox.

Step 3: Set the BindingContext to ViewModel.

Step 4: The ViewModel class extends INotifyPropertyChanged and it gets and sets the value.

Step 5: Now SetBinding for the NumericTextBox instance created. The parameters in Binding will have the ValueProperty and where the value is binded and it specifies the binding mode.

Code Snippet

//NumericTextBox class

 

public class NumericTextBox : ContentPage

{

    public NumericTextBox ()

   { 

         Label label1 = new Label ();

         label1.Text = "Monetary";

         ViewModel viewModel = new ViewModel ();

          var textBox = new SfNumericTextBox()

          {

  HorizontalOptions = LayoutOptions.FillAndExpand,

  FormatString = "c",

  MaximumNumberDecimalDigits = 2   

 };

 textBox.BindingContext = viewModel;

 textBox.SetBinding(SfNumericTextBox.ValueProperty,"Value", BindingMode.TwoWay);

 

            StackLayout stack = new StackLayout ();

 stack.Orientation = StackOrientation.Vertical;

 stack.Children.Add (label1);

 stack.Children.Add (textBox);

        

            this.Content = stack;

  }

}

 

//ViewModel class

 

public class ViewModel : INotifyPropertyChanged

{

 public event PropertyChangedEventHandler PropertyChanged;

 public ViewModel ()

 {

 }

 private float _value=5;

 

 public float Value

           {

     get{ return _value;}

     set{_value = value;RaisePropertyChanged ();}

            }

 

            protected void RaisePropertyChanged([CallerMemberName]string propertyName = "")

 {

   if (this.PropertyChanged != null)

  {

      this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));

   }

           }

}

 

 

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

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

Up arrow icon

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