No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. EfSantos
    E
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 1
    • Best 0
    • Groups 0

    EfSantos

    @EfSantos

    0
    Reputation
    238
    Profile views
    1
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    EfSantos Follow

    Latest posts made by EfSantos

    • Datatable with checkbox

      I have the following code:

      <template>
        <div>
          <div class="layout-padding">
            <q-data-table
              :data="organizacoesApoiadas.content"
              :config="configs"
              :columns="columns">
      
              <template slot="col-selecione" scope="cell">
                  <q-checkbox :value="cell.row.check" @input="preencheVariavel(cell.row)"></q-checkbox>
              </template>
            </q-data-table>
      
            <q-pagination
              v-model="paginaAtual"
              :max="organizacoesApoiadas.totalPages || 1"
              @input="getOrganizacoesApoiadas"></q-pagination>
            <button class="primary pull-right" @click="atualizar()">autorizar</button>
          </div>
        </div>
      </template>
      
      #JS
      <script>
        export default {
          name: 'OrganizacoesApoiadas',
          mounted () {
            this.getOrganizacoesApoiadas()
          },
          data () {
            return {
              cods: [],
              paginaAtual: 1,
              qtdPorPagina: 10,
              organizacoesApoiadas: { content: [] },
              configs: {
                rowHeight: '50px',
                messages: {
                  noData: '<i class="text-red">Atenção: </i> Nenhuma organização encontrada!'
                }/* ,
                selection: 'multiple' */
              },
              columns: [
               // { label: 'Codigo', field: 'cdOrg', width: '60px' },
                { label: '', field: 'selecione', width: '100px', filter: true },
                { label: 'Nome da organização', field: 'nmOrg', width: '100px', filter: true },
                { label: 'Sigla da organização', field: 'sgOrg', width: '50px', filter: true }
              ]
            }
          },
          methods: {
            getOrganizacoesApoiadas () {
              this.boletimAPI()
              .buscarOrganizacoesApoiadas(this.paginaAtual, this.qtdPorPagina)
              .then(response => { this.organizacoesApoiadas = response.data })
            },
            preencheVariavel (data) {
              this.cods.push(data.cdOrg)
              console.log(this.props)
            },
            autorizar (data) {
              console.log(data)
            }
          }
        }
      </script>
      

      The problem is: The checkbox is not becaming checked when clicked. What am I doing wrong?

      Btw, I’m using v0.13

      posted in Help
      E
      EfSantos