Question

我有以下代码：

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

问题是，这似乎不再作为提交动作。如果我带走dojo相关的东西，它会按预期工作。我之前使用过这个baseClass方法将样式应用于按钮，但不是提交按钮。我应该怎么改变这个？

Answer 1

我认为您需要input type="submit"

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

或者，如果您真的需要button标记，那么这样丑陋的东西应该可行

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

当然，你可以更优雅地附加事件处理程序而不需要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();
};

Answer 2

您还没有准备好使用的Dojo版本，但是，我相信这就是问题所在：

Dojo版本＆lt; 1.7不支持data-dojo-props +自然html属性

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

无效，名称，类型和价值将被忽略。

如果您的道场版本是1.7或1.7.1，则问题出在其他地方。

Answer 3

尝试将data-dojo-type="dijit.form.Form添加到您的表单标记中

<div dojoType="dijit.form.Form" id="myFormThree" jsId="myFormThree" encType="multipart/form-data" action="" method="">

参考：http://dojotoolkit.org/reference-guide/dijit/form/Form.html

这里是dijit.form.Button的文档，不确定它们会有多大帮助。

http://dojotoolkit.org/reference-guide/dijit/form/Button.html

提交按钮什么都不做

3 个答案: