O painel de saída é um elemento de contêiner com vários casos de uso, como atualização automática e carregamento adiado. Este exemplo demonstra o recurso de carregamento adiado com dois modos onde o conteúdo do painel é carregado depois que a própria página é carregada para acelerar o tempo de carregamento da página inicial. Existem dois modos adiados, "carregar" (após o carregamento da página) e "visível" (após o carregamento da página e visível após a rolagem da página). Um indicador de progresso também é fornecido durante o carregamento do conteúdo.
$render=explode(" ", $_POST['partial_render']);
$resposta='
<h5>Carregado após o carregamento da página</h5>
<p>A dor em si é importante, mas a dor é intensificada pelo processo de adipulação, mas dou tempo para cortá-la para que eu faça um bom trabalho e dor.
Para que, na maioria das vezes, qualquer um de nós venha a exercer qualquer tipo de trabalho, exceto para tirar proveito dos objetivos dele.
Mas a dor do filme é irrepreensível de condenar, no prazer que deseja escapar da dor de ser catada de dor, nenhum resultado.
São as exceções pelas quais os cegos anseiam, não vêem, são eles que abandonam as suas responsabilidades à culpa que apazigua as durezas da alma.</p>
';
if($_POST['behavior_event']=='load'){
sleep(2);
$resposta='
<h5>Carregamento adiado em solicitações Ajax</h5>
<p>Por padrão, o carregamento adiado não funciona com solicitações Ajax. Como solução, você pode usar o atributo booleano "carregado" para forçar o carregamento (mesmo em solicitações Ajax). Normalmente você usaria uma expressão aqui para verificar se seus dados estão vazios.</p>
';
}
dc.cw("OutputPanel", "widget_painel1", {
id: "painel1"
, deferred: true
, deferredMode: "load"
});
dc.cw("OutputPanel", "widget_painel2", {
id: "painel2"
, deferred: true
, deferredMode: "load"
, behaviors: {
load: function (ext, event) {
dc.ab({
s: "painel2"
, e: "load"
, f: "formulario"
, p: "painel2"
}, ext);
}
}
});
dc.cw("TabView", "widget_conteudos", {
id: "conteudos"
, dynamic: true
, cache: true
, effectDuration: "normal"
, scrollable: false
});
dc.cw("OutputPanel", "widget_painel3", {
id: "painel3"
, deferred: true
, deferredMode: "visible"
});