私は Dojo-1.9.1 を使用しており、アプリケーション用のテンプレート化されたフォームを作成しようとしています。notyを使用して、フォームの検証が失敗したときにエラー アラートを表示しています。次のようにテンプレート内で直接使用すると、noty の呼び出しが機能します。
<form data-dojo-attach-point="formNode" data-dojo-type="dijit/form/Form"
enctype="application/x-www-form-urlencoded" action=${submitUrl} method="post">
<script type="dojo/on" data-dojo-event="submit">
if(!this.validate()){
noty({
text: '${messages.invalidForm}',
type: 'error',
modal: true,
timeout: 2000, // false, to wait for user click
closeWith: ['click', 'hover'], // ['click', 'button', 'hover']
}); // works
return false;
}
return true;
</script>
<!-- other fields -->
</form>
ただし、次のように onSubmit メソッド内で作成すると noty が表示されません。
<form data-dojo-attach-point="formNode" data-dojo-type="dijit/form/Form"
enctype="application/x-www-form-urlencoded" action=${submitUrl} method="post" data-dojo-attach-event="onSubmit:handleSubmit">
</form>
//Within the template.js
handleSubmit: function() {
if(!this.formNode.validate()) {
noty({text:...}); //fails to come up
return false;
}
return true;
}
dojoConfig:
// ... preceding dojo packages
{ name: "jquery", location: "lib", main: "jquery-1.10.2.min" },
{ name: "noty", location: "lib", main: "jquery.noty.packaged.min" }
コンソールにも表示されません。最初のインスタンスで動作するので、ライブラリを正しく AMD 化したと思います。誰かが私の実装で欠けているリンクを指摘してください。ありがとう。