通过项目列表(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

我所要做的就是用键盘在一个项目列表中上下移动。下面是一个如何在jquery中实现这一点的完美示例。我只想使用ember.js来完成这项工作

   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选项卡使用您正在寻找的此功能。我建议从这里开始,生成一些您有问题的实际代码,然后返回一个适当的问题。谢谢您…我只是想要一个起点…再次感谢您