Tutorial: Parâmetros no Container

Neste exemplo veremos como passar parâmetros PHP de uma aplicação em um widget do Container para outra aplicação em outro widget do Container. No Container vamos criar um widget com uma aplicação de Consulta exibindo os pedidos e no outro widget será exibido os itens do pedido selecionado no primeiro widget.

Criando a aplicação de Itens do Pedido

1. Crie uma nova aplicação de Consulta baseada na tabela order_details, mas vamos alterar o Comando Select para adicionar uma clausula WHERE com uma variável ( where [ord] ).

2. Acesse o item Eventos >> onScriptInit no menu da aplicação para atribuirmos valores à variavel utilizada no comando SQL da aplicação


if(isset($_GET['ord']))
[ord] = "orderid = " . $_GET['ord'];
else
[ord] = "1 = 1";

3. Gere o código fonte da aplicação.

Criando a aplicação de Pedidos

1. Crie uma nova aplicação de Consulta baseada na tabela orders.

2. Acesse o item Campos >> Novo Campo no menu da aplicação

3. Crie 1 campo do tipo texto chamado “details”.

4. Acesse o item Eventos >> onRecord, no menu da aplicação

5. Copie e cole o seguinte código

Atributo Explicação

<a href=\"javascript:void%200\"></a>
Cria o link no campo “details”

parent.document.getElementById('id-iframe-widget4')
Referência ao Iframe utilizado no segundo widget

.contentWindow.document.location.href = '../samples_grid_order_details/samples_grid_order_details.php'+'?ord=".{orderid}
Recarrega a aplicação que será chamada, passando um parâmetro via GET

<img src='../_lib/img/details.png' border='0' Title='Details'/>
Imagem usada na aplicação

Obs: Só poderemos saber o ID do frame desejado após a criação da aplicação de Container. Após criá-la, acesse o item “Visualização >> Código Fonte” no menu do Scriptcase, com a aplicação de Container aberta para edição. Selecione para exibir o código de index.php e procure por id-iframe-widget.

6. Gere o código fonte da aplicação.

Criando um novo Container

1. Agora vamos criar uma nova aplicação de container.

2. No menu da aplicação, acesse Container >> Configuração e clique em Adicionar Coluna.

3. Clique no link Propriedades de Edição para selecionar as aplicações que serão exibidas nos widgets

4. Clique no botão Executar da barra de ferramentas.

Tutoriais na mesma categoria

Editor HTML

Neste exemplo utilizaremos um campo do tipo de dados HTML Editor. 1. Crie um novo formul...

Temas dinâmicos

Neste exemplo será criada uma aplicação de consulta, onde será habilitado a possibilidade de ...

Ligação modal

Neste exemplo serão criadas duas aplicações (uma consulta e um formulário). Na aplicação de co...

Aplicação de container

Neste exemplo será criado uma aplicação de container mostrando resumo e gráfico em cada widget. ...

Comente este post