RadDataForm NativeScript

dataform.ts

import dataFormModule = require("nativescript-telerik-ui-pro/dataform");

import viewModel = require("./person-model");
export function onPageLoaded(args) {
    var page = args.object;
    page.bindingContext = new viewModel.PersonViewModel();
}

dataform.xml

<page loaded="onPageLoaded"
    xmlns:df="nativescript-telerik-ui-pro/dataform" xmlns="http://www.nativescript.org/tns.xsd">

    <df:RadDataForm id="myDataForm" source="{{ person }}"/>

    <df:RadDataForm.properties>
        <df:EntityProperty name="name" displayName="Name" index="0">
        </df:EntityProperty>
        <df:EntityProperty name="age" displayName="Age" index="1" >
            <df:EntityProperty.editor>
                <df:PropertyEditor type="Number" />
            </df:EntityProperty.editor>
        </df:EntityProperty>
        <df:EntityProperty name="email" displayName="E-Mail" index="2" >
            <df:EntityProperty.editor>
                <df:PropertyEditor type="Email" />
            </df:EntityProperty.editor>
        </df:EntityProperty>
        <df:EntityProperty name="city" displayName="City" index="3" valuesProvider="New York, Washington, Los Angeles">
            <df:EntityProperty.editor>
                <df:PropertyEditor type="Picker" />
            </df:EntityProperty.editor>
        </df:EntityProperty>
        <df:EntityProperty name="street" displayName="Street Name" index="4" />
        <df:EntityProperty name="streetNumber" displayName="Street Number" index="5" >
            <df:EntityProperty.editor>
                <df:PropertyEditor type="Number" />
            </df:EntityProperty.editor>
        </df:EntityProperty>
        <df:EntityProperty name="password" index="6" >
            <df:EntityProperty.editor> 
                <df:PropertyEditor type="Password" />
            </df:EntityProperty.editor>
            <df:EntityProperty.validators>
                <df:MinimumLengthValidator 
                    errorMessage="Password must be at least 6 characters long." 
                    length="6" /> 
            </df:EntityProperty.validators>  
        </df:EntityProperty>
    </df:RadDataForm.properties>

</page>

person-model.ts

export class PersonViewModel {

    private _person: Person;

    constructor() {
    }

    get person() {
        if (!this._person) {
            this._person = new Person("Rowdy", 23, "[email protected]", "New York", "5th Avenue", 11, "");
        }
        return this._person;
    }
}

export class Person {
    public name: string;
    public age: number;
    public email: string;
    public city: string;
    public street: string;
    public streetNumber: number;
    public password: string;

    constructor(name, age, email, city, street, streetNumber, password) {
        this.name = name;
        this.age = age;
        this.email = email;
        this.city = city;
        this.street = street;
        this.streetNumber = streetNumber;
        this.password = password;
    }

}