Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.03.2017, 09:15
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

Как добавить кнопку изменить к элементу
Вот пример
https://jsfiddle.net/LLEEVV2020/k46skdev/12/

Хочу добавить кнопку "изменить" к элементу (li). При нажатии элемент списка заменяется на импут со значением внутри и кнопкой "сохранить". При сохранении - обратно в первостепенный вид.

Пока сделал только заглушку
<button ng-click="change()">✏</button>

$scope.change = function() {
      console.log("ttt");
}


Как бы сделали это вы?
Ответить с цитированием
  #2 (permalink)  
Старый 10.03.2017, 09:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Как вариант:
- в элементе иметь скрытый элемент с элементами для редактирования
- при клике прятать элемент с названием и показывать элементы редактирования
- после редактирования делать все в обратном порядке
Ответить с цитированием
  #3 (permalink)  
Старый 10.03.2017, 10:11
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

LLEEVV2020,
Цитата:
При сохранении - обратно в первостепенный вид.
какой тогда смысловой функционал кнопки "Сохранить" ?

https://jsfiddle.net/xdcd9npp/
Ответить с цитированием
  #4 (permalink)  
Старый 10.03.2017, 12:48
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

destus,
Цитата:
какой тогда смысловой функционал кнопки "Сохранить" ?
Пока до конца не придуман.

Спасибо за хороший код
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как добавить кнопку с характеристиками? gghoome Элементы интерфейса 1 18.04.2015 15:44
Как пометить чекбокс при нажатии на кнопку? vasyakrn Элементы интерфейса 5 03.04.2015 12:10
Как изменить поля в модели? Или как пересоздать модель? Risa ExtJS 3 20.02.2015 12:47
ActionScript - как изменить значение soundbuftime? Маэстро Flash 6 14.01.2012 15:08
Как убрать кнопку и добавить надпись "Идет загрузка" Jnas Events/DOM/Window 9 29.08.2011 12:55