Question

I have the following code:

<button  data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update"
   type="submit"
   label="Save"
>Save</button>

The problem is, that this doesnt seem to actually work as a submit action anymore. If I take away the dojo related stuff, it works as expected. I have used this baseClass method before to apply a style to a button, but not a submit button. How should I change this?

Answer 1

I think you need an input type="submit"

<input data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
  name="_action_update" type="submit" value="Save" />

Or if you really need a button tag, something ugly like this should work

<button onclick="document.getElementById('yourFormId').submit()" data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update" label="Save">Save</button>

Or of course you could more elegantly attach the event handler without the dom level-0 cruft

<button id="formSubmitBtn" data-dojo-type="dijit.form.Button" data-dojo-props='baseClass:"styleButton"'
   name="_action_update" label="Save">Save</button>

document.getElementById("formSubmitBtn").onclick = function() {
    document.getElementById('yourFormId').submit();
};