ここではかなり一般的な質問です。詳しく説明してほしい場合はお知らせください。それぞれがビューによってレンダリングされる要素のリストがあります。要素がクリックされると強調表示され、その要素を担当するビューは、その要素に関連する追加情報を表示する別のビューにモデルを送信します。
ユーザーが矢印キーを使用して要素を切り替える機能を実装しようとしていますが、これを行う方法がわかりません。
私のビューのコードは次のとおりです。
var app = app || {};
app.EmployeeView = Backbone.View.extend({
tagName: 'li',
className: 'list-group-item',
template: _.template('<%= Name %>'),
render: function() {
var html = this.template(this.model.attributes);
this.$el.html(html);
},
events: {
"mouseover" : function() {
this.$el.addClass('highlighted');
},
"mouseout" : function() {
this.$el.removeClass('highlighted');
},
"click" : function() {
$('.selected').removeClass('selected');
this.$el.addClass('selected');
$(document).trigger('select', [this.model]);
},
},
});
矢印キーを使用して適切なビューをトリガーしてモデルを転送する方法について、誰かが提案していますか?