2015-01-26 2 views
0

Я ищу решение для редактирования строк строки в строке. Очень похоже на это fiddle, но с населенными полями тоже.Как отредактировать строку таблицы с помощью angluarJS?

function Ctrl($scope) { 
    $scope.model = { 
     contacts: [{ 
      id: 1, 
      name: "Ben", 
      age: 28 
     }, { 
      id: 2, 
      name: "Sally", 
      age: 24 
     }, { 
      id: 3, 
      name: "John", 
      age: 32 
     }, { 
      id: 4, 
      name: "Jane", 
      age: 40 
     }], 
     selected: {} 
    }; 

    // gets the template to ng-include for a table row/item 
    $scope.getTemplate = function (contact) { 
     if (contact.id === $scope.model.selected.id) return 'edit'; 
     else return 'display'; 
    }; 

    $scope.editContact = function (contact) { 
     $scope.model.selected = angular.copy(contact); 
    }; 

    $scope.saveContact = function (idx) { 
     console.log("Saving contact"); 
     $scope.model.contacts[idx] = angular.copy($scope.model.selected); 
     $scope.reset(); 
    }; 

    $scope.reset = function() { 
     $scope.model.selected = {}; 
    }; 
}); 

Как я могу сделать встроенные редактируемые комбобокс? Каждая строка должна иметь имя, возраст и группу параметров.

+0

Я не могу получить то, что вы хотите. Комбобокс с именами? –

+0

Что угодно, атм У меня есть имя и возрастные поля для каждой строки таблицы. Дело в том, чтобы иметь также поле со списком, с чем угодно, может быть массивом значений. – skd

+0

, поэтому вы хотите отобразить раскрывающийся список ввода '