Как реализовать редактирование юзера?

Question

[GaserV]

Подскажите пожалуйста. Имеется таблица, в которую выводится список юзеров. В конце есть ячейка, в которой есть кнопка обновить юзера. При клике на кнопку вызывается action: updateUser(), где соответсвенно будет происходить обновление данных юзера. Так вот. Как взять эти данные, если отсутствует форма?

View:

<table class="table table-striped">
	          <thead>
	            <tr>
	              <th>#</th>
	              <th>firstname</th>
	              <th>lastname</th>
	              <th>email</th>
	              <th>phone</th>
	              <th></th>
	            </tr>
	          </thead>
	          <tbody>
	          	{{#each model as |user index|}}
	            <tr>
					<td>{{ index }}</td>
					<td contenteditable="true">{{ user.firstname }}</td>
					<td contenteditable="true">{{ user.lastname }}</td>
					<td contenteditable="true">{{ user.email }}</td>
					<td contenteditable="true">{{ user.phone }}</td>
					<td>
						<!-- {{#link-to 'user.edit' user.id class="btn btn-warning btn-sm"}}Edit{{/link-to}} -->
						<button {{action 'updateUser' user}} class="btn btn-warning btn-sm">Update</button>
						<button {{action 'deleteUser' user}} class="btn btn-danger btn-sm">Delete</button>
					</td>
	            </tr>
	            {{else}}
	            no records
	            {{/each}}
	          </tbody>
	        </table>

Answer 1

[Станислав Романов]

Что такое обновления данных? Получить свежие данные с сервера?

Если используешь ember-data, то можно воспользоваться методом reload.

<button {{action 'updateUser' user}}>Обновить</button>

actions: {
    updateUser(user) {
       user.reload();
    }
}

Comments

[GaserV]

Не получается. В итоге у меня все значения меняются на [object Object]. curUser.id - выводит id, curUser.firstname выводит [object Object].Соответственно все значения сразу меняются на object. Почему так?

updateUser: function(curUser){

curUser.reload()

this.store.findRecord('user', curUser.id).then(function(user){
user.set('firstname', curUser.firstname)
user.set('lastname', curUser.lastname)
user.set('email', curUser.email)
user.set('phone', curUser.phone)
user.save()
})
},

[Станислав Романов]

Скорее всего неправильно сделана загрузка и серриализация данных.

[GaserV]

Станислав Романов: {{#each model as |user index|}} user.firstname Почему не правильно?

[GaserV]

Станислав Романов: помоги пожалуйста, уже запарился... Все перепробовал уже. Не понимаю в чем дело

[Станислав Романов]

GaserV: Судя по вопросам и коду, у тебя нет базовых знаний фреймворка или хотя бы концепции его работы. Хороши изучи официальное руководство и процесс разработки, посмотри ютуб, учебные статьи по Ember.

Если у тебя нет базовых знаний, хоть 100500 вопросов задай, ты ничего не поймешь. Да и ответить тебе никто не сможет, так как вопросы поставлены не корректно, на них никто не сможет ответить.

[GaserV]

Станислав Романов: Обновил вопрос, прикрепил код. ПОстараюсь объяснить более подробно. У меня есть таблица, в которую выводятся юзеры. У ячейки - contenteditable. После того, как я изменил поля и кликнул на update, вызывается action updateUser. Мне нужно в этот action передать текущие значения ячеек. Как это сделать? Подскажите пожалуйста.

[Станислав Романов]

Проблема в contenteditable. Как браузер уведомляет веб-компонент о том что его содержимое изменилось? Никак.

Сделай так:

{{input value=user.firstname }}

actions: {
updateUser(user) {
user.save();
}
}

[GaserV]

Станислав Романов: спасибо огромнейшее, добрый человек)

[GaserV]

Станислав Романов: И последний вопрос) Я юзаю bootstrap в проекте, для теста. В дальнейшем собираюсь юзать gulp+sass+autoprefixer. Я пробовал изменить например .form-control в dist/assets/vendor.css CSS не изменился. И сервер релоадил и толку ноль. Изменения не применяются. Такое ощущение что он кеширует это все дело блин. Быть может я не там вношу изменения?

[Станислав Романов]

GaserV: Да, вообще не там, и не так.

https://ember-cli.com/user-guide/#stylesheets