JSF e Semantic UI

12/09/2018

0

Olá,

estou implementando no meu projeto JSF, a biblioteca Semantic UI, gostei do visual e foge um pouco bootstrap. Porém, estou tendo problemas para utilizar a class de checkedbox.

Tenho uma datatable, onde um dos campos da linha é um true ou false, que irá permitir que o item fique ativo ou não, para isso coloquei um <h:selectBooleanCheckbox>, e uma função ajax agregada a ele.
Nesse ajax eu chamo um método que faz a troca para true ou false, ja gravando em banco essa alteração. Porém ao utilizar a classe do Semantic UI, junto com seu jQuery para exibição do estilo do checkbox. Quando clico no checkbox, ele não altera, nem mesmo entra no método, mas ao tirar a classe do checkbox, funciona.

Seguem os trechos dos códigos:

<div class="two wide column">
<h:inputText id="check"
value="#{MBcadastroUsuario.blnBtnLimpar}">
</h:inputText>
</div>
<div class="two wide column">
<div class="ui checkbox">
<h:selectBooleanCheckbox>
<f:ajax execute="@form" render="check" listener="#{MBcadastroUsuario.alterCheck()}"/>
</h:selectBooleanCheckbox>
</div>
</div>

No final do código, que faz o checkbox montar o estilo e animação.

<script>
$(''.ui.checkbox'').checkbox();
</script>

Estou mapeando as bibliotecas semantic.css, jquery e etc. Ja revisei e não é esse o problema.
Se alguém tiver alguma ideia do que pode ser, agradeço.
Vinicius Medeiros

Vinicius Medeiros

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar