contacts_add.js

// Add Contact page
//
exports.View =
{
    title: "New Contact",
    elements:
    [
        { control: "stackpanel", orientation: "Vertical", contents: [
            { control: "text", value: "First Name:", width: 200, fontsize: 10 },
            { control: "edit", binding: "addFirst", width: 240 },
            { control: "text", value: "Last Name:", width: 200, fontsize: 10 },
            { control: "edit", binding: "addLast", width: 240 },
        ] },

        { control: "stackpanel", orientation: "Horizontal", contents: [
            { control: "button", caption: "Ok", binding: "add", enabled: "{addLast}" },
            { control: "button", caption: "Cancel", binding: "cancel" },
        ] },
    ]
}

exports.InitializeViewModel = function(context, session)
{
    var viewModel =
    {
        addFirst: "",
        addLast: "",
    }
    return viewModel;
}

exports.Commands = 
{
    add: function(context, session, viewModel)
    {
        session.addedContact = { first: viewModel.addFirst, last: viewModel.addLast };
        Synchro.pop(context);
    },
    cancel: function(context, session, viewModel)
    {
        Synchro.pop(context);
    },
}