Entrar Ainda não tem acesso?
2
respostas

Passar item por parametro.

Referente ao curso JavaScript: salvando dados localmente com IndexedDB

por Pedro Souza
| 143.1k xp | 13 posts

Gostaria de saber se alguém sabe se caso eu queira excluir uma negociação por vez, tendo um botão de excluir em cada linha, como eu faço para passar esse item para o controller? eu estou fazendo um projeto a parte e estou com esse problema, quando eu passo userController.removeUser(item) e no controller eu dou um consele.log() ele da erro no console dizendo que o item não foi definido.

${model.usuarios.map(item => { return <tr> <td><img src="${item.photo}" alt="Foto ${item.name}" class="img-circle img-sm"></td> <td>${item.name}</td> <td>${item.email}</td> <td>${item.admin}</td> <td>${item.birth}</td> <td> <button type="button" class="btn btn-primary btn-xs btn-flat" id="btn-editar">Editar</button> <button type="button" class="btn btn-danger btn-xs btn-flat" id="btn-excluir" onclick="userController.removeUser(item)">Excluir</button> </td> </tr> }).join(' ')}
2 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa noite, Pedro! Como vai?

Substituindo o seu onclick por onclick="userController.removeUser(${item})" tudo deve funcionar como esperado! Faça o teste aí! Qualquer coisa é só falar!

Aprendizado para a vida: Sempre que for postar um código aqui no fórum, utilize o botão "inserir código" e cole o código no lugar indicado para que saia com a formatação correta e facilite na hora de analisar e te ajudar!

Grande abraço e bons estudos!

por Pedro Souza
| 143.1k xp | 13 posts

Bom dia Gabriel, me desculpa, eu não sabia como funcionava o inserir código, então eu já tinha feito isso porém não funcionou, ele deu um erro "Uncaught SyntaxError: Unexpected identifier", não sei o porque está dando isso.

class UsuariosView extends View {

    constructor(ele) {
        super(ele);
    }

    template(model) {
        return `<table class="table table-striped" id="table-users">
            <thead>
                <tr>
                <th style="width: 10px">Foto</th>
                <th>Nome</th>
                <th>E-mail</th>
                <th>Admin</th>
                <th>Criado em</th>
                <th>Ações</th>
                </tr>
            </thead>
            <tbody>
                ${model.usuarios.map(item => {
                    return `<tr>
                            <td><img src="${item.photo}" alt="Foto ${item.name}" class="img-circle img-sm"></td>
                            <td>${item.name}</td>
                            <td>${item.email}</td>
                            <td>${item.admin}</td>
                            <td>${item.birth}</td>
                            <td>
                                <button type="button" class="btn btn-primary btn-xs btn-flat" id="btn-editar">Editar</button>
                                <button type="button" class="btn btn-danger btn-xs btn-flat" id="btn-excluir" onclick="userController.removeUser(${item})">Excluir</button>
                            </td>
                        </tr>`
                }).join(' ')}
            </tbody>
        </table>`
    }
}