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.
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
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)