Como esconder/exibir um componente BootsFaces usando o oncomplete/onstart?

Front-end
, ,
#1

Bom dia, pessoal.

Preciso que ao clicar no botão, o componente da barra de progresso seja exibido e o botão desabilitado, e após completar a ação do botão, a barra de progresso seja escondida e o botão reabilitado.

Consigo fazer isso com os componentes do PrimeFaces com o seguinte código:

<h:form enctype="multipart/form-data">
		<b:modal id="importModal" title="Importar arquivo DXF" styleClass="modalPseudoClass importModal">
			<p:panel widgetVar="progressPanel"
	                 visible="false"
	                 style="border:none;"
	                 closable="true"
	                 toggleable="true">
				<p:progressBar style="height:8px; margin-bottom: 10px;" mode="indeterminate"/>
			</p:panel>

<f:facet name="footer">
				<p:commandButton value="Importar"
					widgetVar="importButton"
					actionListener="#{importDxfMBean.acao}"
                    onstart="PF('importButton').disable();PF('progressPanel').show();"
                    oncomplete="PF('importButton').enable();PF('progressPanel').close();"/>
			</f:facet>
		</b:modal>
	</h:form>

Mas gostaria de fazer isso usando o componente commandButton do bootsfaces.

Como faço para esconder/exibir componentes no onstart e oncomplete com o bootsfaces?

#2

Tem que ser bootsfaces mesmo? O prime nao te ajuda?
Os componentes do prime tem um atributo chamado rendered, ai só passar uma condição para exibir o componente
o commandButton do prime tem o atributo disabled para desabilitar.

A idéia e chamar um método, nesse método alterar o valor do atributo booleano e dar um update no componente para desabilitar/exibir

Nunca usei o bootsfaces

#3

Tem que ser com o bootsfaces, pois com o componente do primefaces a função não funciona corretamente. Como faço para adicionar um trecho de código javascript em um onstart no bootsfaces?

#4

O bootsfaces eu nunca usei, mas no prime ou até mesmo no jsf é assim:

function teste()
{

}

<p:component onstart="teste()"/>