Visualforce Remoting - Passing wrapper class object as a parameter

Question

Currently I have a controller similar to the following (used example, it's easier to understand):

global class myClass
{
    global class wrapperClass
    {
        public String name {get; set;}
        public Account account {get; set;}

        public wrapperClass()
        {
            account = new Account();
        }
    }

    @RemoteAction
    global static wrapperClass executeProcess(wrapperClassArg arg1)
    {
        reutrn wrapperClassArg;
    }
}

Then from the VF page if I pass an empty JS object for the wrapper class parameter, it works good and I can set the primitive types of variables in the wrapper class:

var wrapper = new Object();
wrapper['name'] = 'Test';

myClass.executeProcess(wrapper, function(result, event)
{
    if(event.type === 'exception')
    {
        console.log(event);
        return false;
    }
    else if(result)
    {
        console.log(result);
        // do something
    }
    else
    {
        console.log(event);
    }
});

which results with object and the name variable is set without problems.

Now the interesting bit... How can you set an sObject from the VF page?

I've done this in the past for single public sObjects, but doesn't seem to work if the sObject is inside a wrapper class. So I've tried the following:

var wrapper = new Object();
wrapper['name'] = 'Test';
wrapper['account'] = new Object();
wrapper['account']['Name'] = 'Test';

myClass.executeProcess(wrapper, function(result, event)
...

which results with the following error:

Unexpected type for myClass.executeProcess(myClass.wrapper)

EDIT: I have also tried setting sobjectType = 'Account' and Id = null / '' for the javascript account object.

Does anyone know a workaround for the above issue?

Answer 1

@RemoteAction
    global static wrapperClass executeProcess(string arg1)
    {
        JSONParser parser = JSON.createParser(arg1);
        wrapperClass wrap = (wrapperClass)parser.readValueAs(wrapperClass.class);
        return wrap;
    }

Answer 2

Have you tried defining a javascript object that matches the SObject you want? Maybe even for your wrapper class you should do the same.

For example:

// in Javascript
function WrapperClass()
{
    this.Name = '';
    this.Account = new Account();
}

function Account()
{
    this.Id = null;
    this.Name = '';
}

// in your code:
var wrapper = new Object();
wrapper['name'] = 'Test';

I suspect it's either that you're not using a matching object definition (unlikely) or that you're not including an ID field at all.

Wes Nolte has written what I regard to be the best post on remoting here.

Answer 3

This appears to work for me...

var wrapper = new Object();
wrapper['name'] = 'Test';
wrapper['account'] = new Object();
wrapper['account']['Name'] = 'My Account';
wrapper['account']['AccountNumber'] = '123456789';

So that in the 'executeProcess' method the following

System.debug(arg1.account.AccountNumber);

Results in this...

14:47:05.055 (55236000)|USER_DEBUG|[19]|DEBUG|123456789

I am using the latest platform API in my meta data files, all other aspects of my code is as per your answer.

NOTE: That if you used the SObject data type in your Apex wrapper, according to the documetnation you need to define also 'sobjectType' at the client end, giving it the value 'Account'. As per the docs here. However since your wrapper explicitly uses the Account data type, the JSON deserialiser knowns the type.

Here is the full code.