[backbone.js] bindingsの定義方法について [backbone.stickit]

Question

bindingsの定義方法について質問させてください。

backbone.marionette.itemviewに実装されています「ui」属性のようにbindingsに定義することは可能でしょうか。

以下のコードでは1番のeventsにはui属性が利用可能ですが、2番のbindingsには利用不可のようでした。
同じセレクタ名を何度も記述したくないなと思いまして、何か解決方法をご存知の方、よろしくお願いします。

var LikeView = Marionette.ItemView.extend({
    ui: {
        "elSelector"   : ".hoge",
    },

    events: {
        // [1. eventsにはui属性が利用可能]
        "click @ui.elSelector": "onClick"
    },

    bindings: {
        // [2. bindingsにはui属性は利用不可]
    	".hoge": 'hoge',

        // 「"@ui.elSelector": "hoge"」とするとjQueryのエラー
        // 「this.ui.elSelector: "hoge"」とするとbindの反応なし
        // 「addBindingメソッド」も反応がありませんでした。
    },

    :
});

Answer 1

以下のようにすると解決することができました。

各バージョンをお伝え出来ていなく失礼しました。
・backbone.js ： 1.2.3
・marionette.js ： 2.4.4
・backbone.stickit： 0.9.2
・jquery ： 2.1.4

var LikeView = Marionette.ItemView.extend({
    ui: {
        "elSelector"   : ".hoge",
    },

    events: {
        // [1. eventsにはui属性が利用可能]
        "click @ui.elSelector": "onClick"
    },

    bindings: {
        // [2. bindingsにはui属性は利用不可]
        "@ui.elSelector": "hoge"
    },

    initialize: function(options){
        // [3. @uiとセレクタを関連付ける]
        this.bindings = this.normalizeUIKeys(this.bindings, this.ui);
    }

    :
});

Answer 2

一度、使い方をご確認ください。

http://lxyuma.hatenablog.com/entry/2013/11/07/233930

Comments

[Nichons]

ご回答ありがとうございます！