Hi, im new with framework7,
I have a page that use both, smart select and a checkboc input, here is de layout:
f7-page#reservas.navbar-through(data-page='reservaDetalle', toolbar-fixed)
toolbar
.date-container
.title
p {{text.date}}
.datepicker-container
i.material-icons event
input#reservationsCalendar(type='text', :placeholder='placeholderDate', :value='placeholderDate', readonly='')
.reserva-detalle-container
.title
p Seleccione una servicio.
.list-block
ul
.li(v-for='i in Math.ceil(arrayReservations.length / 3)')
.type(v-for='reservation in arrayReservations.slice((i - 1) * 3, i * 3)')
img(:src='reservation.Imagen', @click='buildReservationForm(reservation)')
span {{reservation.Nombre}}
.select-form-container(v-if='showForm')
.title
p {{text.time}}
.list-block
ul#selectHour
li(v-for='item in selectItemsArray')
label.label-checkbox.item-content
input(type='checkbox', namae='selectCheckbox', :value='item.tipoReservaTurno', :checked='item.Lote', :disabled='item.Lote')
.item-media
i.icon.icon-form-checkbox
.item-inner
.item-title(v-if='!item.Lote') {{item.Descripcion}}
.item-title.reserver(v-else) {{item.Descripcion}} - {{item.Lote}}
.title
p {{text.comments}}
li(v-if='showSelectGuests')
a.item-link.smart-select(href='#',data-open-in="picker", data-searchbar="true", data-searchbar-placeholder="Buscar invitado...")
select#guestsSelect(name='guests', multiple='', v-model='reservation.guests')
option(v-for='guest in guestsArray', :value='guest.value') {{guest.desc}}
.item-content
.item-inner
.item-title Seleccionar invitados:
li.align-top
.item-content
.item-inner
.item-input
textarea(placeholder='Ingrese algĂșn comentario', v-model='reservation.comments')
a.button.button-big.active.color-green#makeReservation(href='#', @click='makeReservation') Reservar
The problem:
First y select some values from my checkbox control, then y select some values from my smartselect.
But when a click any value in the smartselect, all the values that were selected in my checkbox control toggle to unchecked.