通过项目列表(Ember.js)按键上下移动
我所要做的就是用键盘在一个项目列表中上下移动。下面是一个如何在jquery中实现这一点的完美示例。我只想使用ember.js来完成这项工作通过项目列表(Ember.js)按键上下移动,ember.js,Ember.js,我所要做的就是用键盘在一个项目列表中上下移动。下面是一个如何在jquery中实现这一点的完美示例。我只想使用ember.js来完成这项工作 keyDown: function (e) { var moveDown = 40; var moveUp = 38; if(e.keyCode === moveDown || e.keyCode === moveUp){ } } ====更新====== keyD
keyDown: function (e) {
var moveDown = 40;
var moveUp = 38;
if(e.keyCode === moveDown || e.keyCode === moveUp){
}
}
====更新======
keyDown: function (event) {
var moveDown = 40;
var moveUp = 38;
var key = event.keyCode;
var filteredQuestions = this.get('controller.filteredQuestions');/*get's the questions array from the controller*/
if(key === moveDown || key === moveUp){/*determent which key have been pushed*/
/*all the highlightedQuestionFound finded
are set to false as default*/
var highlightedQuestionFound = false;
for (var i=0; i<filteredQuestions.length-1; i++){/* checks for the amount of questions found*/
var filteredQuestion = filteredQuestions[i];/* gets the amount of questions found*/
if (filteredQuestion.get('isHighlighted')){
/*move the Highlighted up or down*/
var newIndex = (key === moveDown) ? i+1 : i-1;//ternary operator
filteredQuestion.set('isHighlighted', false);
filteredQuestions[newIndex].set('isHighlighted', true);
highlightedQuestionFound = true;
}
}
/*if the question was found, Highlighted
the first wuestion found*/
if (highlightedQuestionFound == false){
filteredQuestions[0].set('isHighlighted', true);
}
}
}
keyDown:功能(事件){
var-moveDown=40;
var-moveUp=38;
var key=event.keyCode;
var filteredQuestions=this.get('controller.filteredQuestions');/*从控制器获取问题数组*/
如果(键===moveDown | |键===moveUp){/*确定按下了哪个键*/
/*所有突出的问题都找到了
默认设置为false*/
var highlightedQuestionFound=false;
对于(var i=0;idc/ic选项卡使用您正在寻找的此功能。我建议从这里开始,生成一些您有问题的实际代码,然后返回一个适当的问题。谢谢您…我只是想要一个起点…再次感谢您