Ajuda com AJAX/JSF botao atualizar

5 respostas Resolvido
ajaxjsf
Alexsandro_Andrade

boa tarde, preciso que uma tabela tenha suas alterações atualizadas sempre que o usuario pressionar no em um botao, mas a tela fica atualizando o tempo todo sem parar, acho que nao estou sabendo utilizar bem a ferramenta do ajax, alguem pode me tirar essa duvida

<div class="row">
		<div class="col-md">
			<div class="card" style="margin-top: 20px; min-height: 65vh;">
				<div class="card-body bg-light">
					<h5 class="card-title">Cadastrar Novos Comunicados</h5>
					<hr class="mb-5" />
					<h:form>
						<div class="table-responsive">
							<h:dataTable rendered="#{not empty indexBean.comunicadosList}"
								value="#{indexBean.comunicadosList}" var="c"
								styleClass="table dataTable table-hover table-sm" width="100%">
								<h:column>
									<f:facet name="header">ID</f:facet>
								#{c.id}
								</h:column>
								<h:column>
									<f:facet name="header">TITULO</f:facet>
								#{c.titulo}
								</h:column>
								<h:column pt:style="text-align: center">
									<h:commandLink action="#{indexBean.editarComunicado(c)}"
										style="text-decoration:none;" pt:data-toggle="modal"
										pt:data-target=".modal-edit" pt:data-backdrop="static"
										pt:data-keyboard="false">
										<i class="fa fa-folder-open-o fa-fw" aria-hidden="true" />
										<f:ajax render="formTituloCom" />
									</h:commandLink>
									<h:commandLink action="#{indexBean.metodoTeste()}"
										style="text-decoration:none;" pt:data-toggle="modal"
										pt:data-target=".modal-delete" pt:data-backdrop="static"
										pt:data-keyboard="false">
										<i class="fa fa-trash-o fa-fw" aria-hidden="true" />
										<f:ajax render="form-delete" />
									</h:commandLink>

								</h:column>

							</h:dataTable>
						</div>
						<h:panelGroup>
							<hr class="mb-3" />
							<div class="btn-group" role="group">
								<h:commandLink styleClass="btn btn-success"
									pt:data-toggle="modal" pt:data-target=".modal-add"
									pt:data-backdrop="static" pt:data-keyboard="false">
									<i class="fa fa-clone fa-fw" aria-hidden="true" /> Adicionar
									<f:ajax />
								</h:commandLink>

								<h:commandLink styleClass="btn btn-warning">
									<i class="fa fa-refresh fa-fw" aria-hidden="true" /> Atualizar
									<f:ajax event="click"
										listener="#{indexBean.listarComunicados}" render="@form"
										onevent="dataTableFromJSF" />
								</h:commandLink>
							</div>
						</h:panelGroup>
					</h:form>
				</div>
			</div>
		</div>
	</div>

5 Respostas

Alexsandro_Andrade

acima esta minha table

Mike
Solucao aceita

Pra que serve o oneevent?

no render passa apenas o id da tabela e coloca execute="@this"

Deu certo aquele css la?

Alexsandro_Andrade

valeu mike! tu é o cara! o css funcionou sim :slight_smile:

Mike

Obrigado ^^
Eu faço o que esta ao meu alcance :slight_smile: :+1:

Alexsandro_Andrade

onevent=“dataTableFromJSF” diz respeito ao JS da barra de progresso que tambem nao ta funcionando bem aqui, to lendo a respeito

Criado 20 de junho de 2018
Ultima resposta 20 de jun. de 2018
Respostas 5
Participantes 2