init

02-ui/05-widgets/06-widget-tasks/08-autocomplete/solution/autocomplete-list.js

@@ -0,0 +1,62 @@
+function AutocompleteList(provider) {
+  var elem;
+
+  var filteredResults;
+  var currentIndex = 0;
+
+  this.render = function() {
+    elem = $('<ol/>');
+    return elem;
+  };
+
+  this.update = function(value) {
+    filteredResults = provider.filterByStart(value);
+
+    if (filteredResults.length) {
+      elem.html( '<li>' + filteredResults.join('</li><li>') + '</li>' );
+    } else {
+      elem.empty();
+    }
+
+    currentIndex = 0; 
+    renderCurrent();
+
+    // это событие, как и всё обновление,
+    // может быть асинхронным (при получении списка с сервера)
+    $(this).triggerHandler({
+      type: 'update',
+      values: filteredResults
+    });
+
+  };
+
+  function renderCurrent() {
+    elem.children().eq(currentIndex).addClass('selected');
+  }
+
+  function clearCurrent() {   
+    elem.children().eq(currentIndex).removeClass('selected'); 
+  }
+
+  this.get = function() {
+    return filteredResults[currentIndex];
+  };
+
+  this.down = function() {
+    if (currentIndex == filteredResults.length - 1) return;
+    clearCurrent();
+    currentIndex++;
+    renderCurrent();
+  };
+
+  this.up = function() {
+    if (currentIndex == 0) return;
+    clearCurrent();
+    currentIndex--;
+    renderCurrent();
+  };
+
+  this.clear = function() {
+    this.update('');
+  };
+}