A partir da versão v11 release 1, as pesquisas predeterminadas podem se mostrar em uma pestana ou em uma nota em um enquadramento. Este exemplo demonstra como definir a opção de visualização de pesquisas predeterminadas por meio do API Javascript do 4D Ajax Framework.
Passo 1: Crie uma rede de dados
O objeto da rede de dados (myDataGrid) declara-se antes das funções. Isso faz a variável myDataGrid global e permite que múltiplas funções acedam a ela.
Na função onAfterInit o objeto da rede de dados se cria com duas linhas de código:
myDataGrid=new dax_dataGrid('Hospital',$('grid_div'),1,0,false);
myDataGrid.go();
Para a função dax_dataGrid tem quatro parâmetros. O primeiro é o aliás do 4D Ajax Framework da vista ou tabela que quer mostrar. O segundo é a localização (neste caso coloca-se em div named grid_div. Os outros três parâmetros são opcionais, e respectivamente define o número de filas do cabeçalho, as colunas bloqueadas à esquerda, e a habilidade de introduzir dados desde as filas.
Passo 2: Inicie as pesquisas como pestanas.
Iniciar as pesquisas predeterminadas só toma uma linha de código. Somente as pesquisas integradas no código ou no painel de controle do 4D Ajax Framework serão mostradas. Você não pode criar pesquisas predeterminadas com o seu javascript. Esta é a linha:
myDataGrid.showQueryTabs();
Passo 3: Inicie as pesquisas como uma nota em um enquadramento.Estes dois botões utilizam uma linha simples de javascript para interatuar com o 4D Ajax Framework. Mostramos a nota em um enquadramento um à direita e um à esquerda:
myDataGrid.showQuerySidebar('left');
myDataGrid.showQuerySidebar('right');
Como se mencionou na página de demonstração, também ocultamos as pestanas aqui. Essa é outra linha de código, de maneira que é um tanto mentira que somente utilizamos uma linha de javascript. Mais, esta segunda linha não é necessária em cada botão, é somente para ocultar as pestanas.
myDataGrid.hideQueryTabs();
Passo 4: Mostrar e ocultar as nossas pesquisas!Mostrar e ocultar as pestanas e notas em enquadramentos, toma somente uma linha a mais de javascript. Estas são as funções utilizadas nestes botões:
myDataGrid.hideQueryTabs();
myDataGrid.hideSidebar();
myDataGrid.showQuerySidebar();
myDataGrid.showQueryTabs();