Datatable + Dataset + checkbox

Srs,

Tenho um Datatable alimentado por um dataset, onde o usuário seleciona os registros que deseja imprimir. Da maneira atual ele precisa pressionar CTRL quando desejar selecionar mais de um registro, eu preciso adicionar um checkbox nessa tabela pra melhor o uso, porém não encontrei nada que funcionasse. Alguém já fez algo assim?

Abaixo o código que carrega o datatable.

var myTable = FLUIGC.datatable('#promo',{
    multiSelect: true,
    classSelected: 'danger',
    limit: 5,
    offset: 0,
    limitKey: 'limit',
        dataRequest : mydata,
        renderContent : ['codigo', 'descricao','descricaob', 'categoria' ,'preco' ],
           header : [{
                        'title' : 'codigo',
                        'size' : 'col-md-4'
                }, {
                        'title' : 'descricao',
                        'standard' : true,
                                                'size' : 'col-md-4'
                }, {
                        'title' : 'descricaob',
                        'size' : 'col-md-4'
                                }, {
                        'title' : 'categoria',
                        'size' : 'col-md-4'
                                }, {
                        'title' : 'preco',
                        'size' : 'col-md-4'
                }],

criado 07 de Jun de 2017
Matheus Schwingel Kern
138 pontos
editado 07 de Jun de 2017

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

2 respostas

up 5 down
@Matheus, boa tarde!!

É possível utilizar um template para o carregamento do datatable. No html insira a tag script exemplificada abaixo:
```
<script type="text/template" class="template_datatable">
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>{{codigo}}</td>
        <td>{{descricao}}</td>
        <td>{{descricaob}}</td>
        <td>{{categoria}}</td>
        <td>{{preco}}</td>
    </tr>
</script>
```
Na chamada do datatable, altere o atributo renderContent, ao invés do array, será a class do seu template.
```
renderContent: '.template_datatable',
```
Como está inserindo mais uma coluna para a tabela, não esqueça de acrescentar esta coluna no atributo header!

Qualquer dúvida, na documentação do style-guide é exemplificado a utilização de templates!

https://style.fluig.com/javascript.html#fluig-datatable
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 07 de Jun de 2017
  Rodolfo Capasso dos Santos
  3002 pontos
- 0
  
  Rodolfo,
  
  Valeu cara, rodou certinho!
  — Matheus Schwingel Kern 12 de Jun de 2017
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações
up 1 down
Voce pode fazer algo assim no seu JavaScript
```
var isCtrlPress = false;
$(document).keydown(function(e) { 
   if (e.keyCode == 17) { 
     isCtrlPress = true;
   }
}).keyup(function(e) { 
   if (e.keyCode == 17) { 
     isCtrlPress = false;
   }
});

function onLinhaClick() {
  if(isCtrlPress) {
    fazAcao();
  }
}
```
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 07 de Jun de 2017
  Guilherme Fontaniva
  480 pontos
- editado 07 de Jun de 2017
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

fluig forum

Datatable + Dataset + checkbox

Comentário

2 respostas

Comentário

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags datatable dataset datasets javascript ou faça a sua própria pergunta.