Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mention clr-namespace syntax #209

Merged
merged 4 commits into from
Oct 27, 2018
Merged

Mention clr-namespace syntax #209

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5976ca4
Mention clr-namespace syntax
worldbeater Oct 26, 2018
d339870
Remove vm assignment, link DI docs
worldbeater Oct 27, 2018
3131287
Fix typo
worldbeater Oct 27, 2018
a79838f
Merge branch 'master' into mention-clr-namespace
worldbeater Oct 27, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 11 additions & 8 deletions input/docs/handbook/data-binding/xamarin-forms.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,24 @@

For Xamarin.Forms applications, you need to install the `ReactiveUI.XamForms` package and use base classes for your Views from there. Your `ContentPage` should inherit from `ReactiveContentPage<TViewModel>`, your `TextCell` should inherit from `ReactiveTextCell<TViewModel>`, etc. Those classes contain the `IViewFor<TViewModel>` interface implementation. Also, always dispose bindings via [WhenActivated](../when-activated), or else the bindings leak memory.

The goal in the example below is to two-way bind `TheText` property of `TheViewModel` to the Entry and one-way bind `TheText` property to the Label, so the Label updates when the user types text into the Entry.
The goal in the example below is to two-way bind `TheText` property of `TheViewModel` to the Entry and one-way bind `TheText` property to the Label, so the Label updates when the user types text into the Entry. This example assumes you are using ReactiveUI Dependency Inversion to register ViewModels and corresponding Views, see [Dependency Inversion](../dependency-inversion) for details.

```csharp
public class TheViewModel : ReactiveObject
{
private string theText;

public string TheText
{
get => theText;
set => RaiseAndSetIfChanged(ref theText, value);
set => this.RaiseAndSetIfChanged(ref theText, value);
}

ReactiveCommand<Unit,Unit> TheTextCommand { get; set; }
ReactiveCommand<Unit, Unit> TheTextCommand { get; }

public TheViewModel()
{
TheTextCommand =
ReactiveCommand.CreateFromObservable(ExecuteTextCommand);
TheTextCommand = ReactiveCommand
.CreateFromObservable(ExecuteTextCommand);
}

private IObservable<Unit> ExecuteTextCommand()
Expand All @@ -33,8 +32,12 @@ public class TheViewModel : ReactiveObject

```xml
<rxui:ReactiveContentPage
x:Class="local:TheContentPage"
x:TypeArguments="vm:TheViewModel">
x:Class="App.Views.TheContentPage"
x:TypeArguments="vm:TheViewModel"
xmlns:vm="clr-namespace:App.ViewModels;assembly=App"
xmlns:rxui="clr-namespace:ReactiveUI.XamForms;assembly=ReactiveUI.XamForms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns="http://xamarin.com/schemas/2014/forms">
<StackLayout>
<Entry x:Name="TheTextBox" />
<Label x:Name="TheTextBlock" />
Expand Down