dojo.io.bind ではない?

現時点での最新版 Dojo Toolkit 1.1.0 を使ってます。
情報は少なくないのですが実際にやってみると、どうもかみ合わないと思ったら、

Dojo Porting Guide: 0.4.x to 0.9

0.9 以降と 0.4 以前のリリース間では、後方非互換とのこと。 dojo.io.bind については、 IO Transports [AJAX] にあるように dojo.xhrXXX に変更になったみたいです。

では、HTML フォームの submit を抑止し、XmlHttpRequest する実験の続き

以下のようなコードになりました。

    function receiveData(response, ioArg) {
    }

    function onSubmitTestForm() {
        var testFormNode = dojo.byId('TestForm');
        var deffered = dojo.xhrPost({
            url: testFormNode.action + '.json',
            handleAs: 'json',
            load: receiveData,
            form: testFormNode});
    }

    function init() {
        var formWidget = dijit.byId('TestForm');
        dojo.connect(formWidget , 'onSubmit', 'onSubmitTestForm');
    }

    dojo.addOnLoad(init);
...
...
<form id="TestForm" onsubmit="return false;" action="..." method="post" dojotype="dijit.form.Form">

1. form タグの onsubmit で return false し、送信抑止。



2. ページの onLoad 時に init 関数内でフォームの onSubmit イベントに onSubmitTestForm を接続



3. フォームの送信時に onSubmitTestForm が実行され、フォームの内容を伴った Post リクエストが行われる。



4. レスポンスを受け取ると、receiveData が実行される。

と、いう動作を firebug と デバッガ で確認できました。

嵌ったところが一箇所あって、

• dojo.connect() では、第1引数に dijit.byId() で取得したオブジェクト



• dojo.xhrPost() の form 引数には、dojo.byId() で取得した DOM node

でした。dojo.xhrPost() に、dijit.byId() を使うと、form.getAttributeNode is not a function なんてのが firebug のエラーに捕捉されてました。

dijit.form.Form submit 抑止はどうするの?

Dojo Toolkit 1.1.0 でのお話。

dojo の connect 機構を使ってやってみた。

    function onSubmitTestForm() {
        return false;
    }

    function init() {
        var formTest = dijit.byId('TestForm');
        dojo.connect(formTest, 'onSubmit', 'onSubmitTestForm');
    }

    dojo.addOnLoad(init);

これでは、フォームは送信されてしまう。

オフィシャルの trac に Broken Backwards compatibility for dijit.form.Form と、いうチケットを見つけた。まさにこのことについてのやり取り。 接続からのリターン値は、無視される。オーバーライドする必要がある。とのこと。オーバーライド?


他にも、いくつか同様のチケット(#6280 とか)上がってて、斜め読みした感じでは、

<form dojoType="dijit.form.Form" onSubmit="return false;" id="TestForm" method="post" action="...">

こうすると、リクエストは送信されず、onSubmitTestForm が実行されました。onSubmit="dojo.stopEvent(arguments[0]);" でも、同じ。何が違うんだろう?

とりあえず onSubmitTestForm から dojo.io.bind してみます。