I'm trying to create a form with 2 action buttons to submit with the ajax framework. All other input values are sent correctly, but the button does not get sent with the rest of the inputs.

<form id="wizard" data-request="Wizard::onWizardStep" data-request-update="'Wizard::steps': '#wizard'">
    {% partial 'Wizard::steps' %}
</form>

and in the step partial (depends on the output of the callback function, but basically it will output something like this)

<input type="text" >
<input type="checkbox" >
...
<button name="action" value="foo">do foo</button>
<button name="action" value="bar">do bar</button>

Trying to retrieve the action value in the callback function:

var_dump(Input::all()); // outputs everything except the action value
var_dump(post('action')); // null
var_dump(Input::get('action')); // null

What am I doing wrong?

Unfortunately, the same problem.

Why can't you name your buttons action1 and action2 then do a post check like:

$value = (post('action1')) ?: post('action2');

if you're only checking against 2 buttons and you know what the name attributes are?

The same problem. Any new idea?

Give this a try

<button data-request-data="name: 'foo'">do foo</button>
<button data-request-data="name: 'bar'">do bar</button>

It doesn't work. "data-request-data" works only with "form".

Try using the AJAX framework via JavaScript like so:

$(element).request('onFunction', {data: {name: 'foo'}});

The data-request handlers don't need to be in a form to work, but if you can't get them working inline, try using the pure JavaScript route

Scott said:

Give this a try

<button data-request-data="name: 'foo'">do foo</button>
<button data-request-data="name: 'bar'">do bar</button>

It' Works, Thank Scott