Sistema de Abas(Notebook) no meio da tela, e não acima.

Sistema de Abas(Notebook) no meio da tela, e não acima. Bom dia à todos, sou novo no framework adianti, e gostei bastante da opção de abas e tal, porém eu queria colocar esse esquema de abas no meio da tela do form, por exemplo, cadastro de produto acima, e abaixo seria as abas de variedades e características por exemplo. Alguém tem algum exemplo, ou no tutor, onde eu possa ver como fazer isso? Desde já agradeço....

Felipe B. 22/05/2019 (há 6 anos)

Bom dia à todos, sou novo no framework adianti, e gostei bastante da opção de abas e tal, porém eu queria colocar esse esquema de abas no meio da tela do form, por exemplo, cadastro de produto acima, e abaixo seria as abas de variedades e características por exemplo.
Alguém tem algum exemplo, ou no tutor, onde eu possa ver como fazer isso?

Desde já agradeço.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (8)

Nataniel Rabaioli 22/05/2019 (há 6 anos)

Depende de qual classe de formulário você está usando. Se for com o bootstrapFormBuilder basta criar o notebook separadamente e adicioná-lo ao form com a função addContent.

Nesse link tem um exemplo de como criar o notebook:
adianti.com.br/framework_files/tutor/index.php?class=ContainerNotebo

Nesse outro como usar a função addContent:
adianti.com.br/framework_files/tutor/index.php?class=FormBuilderView

Felipe B. - AUTOR DO POST 22/05/2019 (há 6 anos)

Boa tarde Nataniel, sim estou usando o bootstrapFormBuilder, estava tentando exatamente desta forma que você falou. Mas ai o notebook sempre é colocado em cima da tela, e eu precisava que o formulário ficasse fixo em cima e apenas embaixo dele viria a parte de variedades e características com as colunas para o cliente adicionar e tal.

Nataniel Rabaioli 23/05/2019 (há 6 anos)

A função addContent deve respeitar a ordem com que os componentes foram adicionados. Então, se acima você tiver adicionado outros campos, o notebook virá depois deles. Ex:

 <?php
$this->form = new BootstrapFormBuilder('formteste');
$this->form->addFields([new TLabel('Campo 1')],[new TEntry('campo1')]);
$this->form->addFields([new TLabel('Campo 2')],[new TEntry('campo2')]);
$this->form->addFields([new TLabel('Campo 3')],[new TEntry('campo3')]);
$notebook = new BootstrapNotebookWrapper( new TNotebook(400,230) );
        
// adds two pages in the notebook
$notebook->appendPage('Aba 1', new TEntry('aba1'));
$notebook->appendPage('Aba 2', new TEntry('aba2'));
$this->form->addContent([$notebook]);
?>

Felipe B. - AUTOR DO POST 23/05/2019 (há 6 anos)

Nataniel, dá uma olhadinha se estou fazendo algo errado, pois ele está colocando o notebook aonde quero e tal, porém não está colocando os códigos necessários dentro.
$notebook->appendPage('Aba 1', new TEntry('aba1')); <<O que eu devia colocar dentro dessa variavel no TEntry?

 <?php
$this->form = new BootstrapFormBuilder('form_TNomeProd');
        $cod_nome_prod = new TEntry('cod_nome_prod');
        $desc_nome = new TEntry('desc_nome');
        $row = $this->form->addFields( [ new TLabel('ID') ], [ $cod_nome_prod ], [ new TLabel('Nome') ], [ $desc_nome ] );
       /***************************/
        $notebook = new BootstrapNotebookWrapper( new TNotebook(400,230) );
        $notebook->appendPage('Variedades', new TEntry('variedades'));
        $this->form->addContent([$notebook]);
        $var_item_var_cod_varied = new TEntry('var_item_var_cod_varied');
        $var_item_var_desc_varied = new TEntry('var_item_var_desc_varied');
        $this->form->addContent([ new TFormSeparator('Variedades', '#333333', '18', '#eeeeee')]);
        $this->form->addFields( [ new TLabel('ID') ], [ $var_item_var_cod_varied ],[ new TLabel('Nome')],[$var_item_var_desc_varied] );
        
        $this->form->addFields( [ new TLabel('') ] );
        $add_var_item_var = new TButton('add_var_item_var');
        $action_var_item_var = new TAction(array($this, 'onAddVarItemVar'));
        $add_var_item_var->setAction($action_var_item_var, 'Adicionar/Alterar');
        $add_var_item_var->addStyleClass('btn-success');
        $add_var_item_var->setImage('fa:save');
        $this->form->addFields([$add_var_item_var]);
        $this->var_item_var_list = new BootstrapDatagridWrapper(new TQuickGrid);
        $this->var_item_var_list->style = 'width:100%';
        $this->var_item_var_list->disableDefaultClick();
        $this->var_item_var_list->addQuickColumn('Editar', 'edit', 'center', 20);
        $this->var_item_var_list->addQuickColumn('Deletar', 'delete', 'center', 20);
        $column_var_item_var_cod_varied = $this->var_item_var_list->addQuickColumn('ID', 'var_item_var_cod_varied', 'left');
        $column_var_item_var_desc_varied = $this->var_item_var_list->addQuickColumn('Nome', 'var_item_var_desc_varied', 'center');
        $this->var_item_var_list->createModel();
        $this->form->addContent([$this->var_item_var_list]);
?>

Muito obrigado novamente.
Att Felipe.

Nataniel Rabaioli 23/05/2019 (há 6 anos)

Felipe, quando o notebook é criado manualmente é necessário adicionar os componentes diretamente nele, e não mais usando a função addFields da classe BootstrapFormBuilder.
Ex:

 <?php
...
$notebook = new BootstrapNotebookWrapper( new TNotebook(400,230) );
$tableVariedades = new TTable();
...
// chamar a função appendPage para cada aba a ser criada. O segundo parâmetro corresponde ao container(TTable,TFrame,TPanel) a ser exibido na aba
$notebook->appendPage('Variedades', $tableVariedades);
...
// adicao do notebook ao formulario
$this->form->addContent([$notebook]);
...
$var_item_var_cod_varied = new TEntry('var_item_var_cod_varied');
$var_item_var_desc_varied = new TEntry('var_item_var_desc_varied');
// adicionar conteudo no container da aba Variedades
$tableVariedades->addRowSet( new TLabel('ID'),$var_item_var_cod_varied,new TLabel('Nome'),$var_item_var_desc_varied);
?>

adianti.com.br/framework_files/tutor/index.php?class=ContainerNotebo

Felipe B. - AUTOR DO POST 27/05/2019 (há 6 anos)

Obrigado Nataniel, tens me ajudado muito!
Mas e com essa parte, como farei? Não ficou muito claro lá no adianti tutor.

 <?php
        $add_var_item_var = new TButton('add_var_item_var');
        $action_var_item_var = new TAction(array($this, 'onAddVarItemVar'));
        $add_var_item_var->setAction($action_var_item_var, 'Adicionar/Alterar');
        $add_var_item_var->addStyleClass('btn-success');
        $add_var_item_var->setImage('fa:save');
        $this->form->addFields([$add_var_item_var]);
        $this->var_item_var_list = new BootstrapDatagridWrapper(new TQuickGrid);
        $this->var_item_var_list->style = 'width:100%';
        $this->var_item_var_list->disableDefaultClick();
        $this->var_item_var_list->addQuickColumn('Editar', 'edit', 'center', 20);
        $this->var_item_var_list->addQuickColumn('Deletar', 'delete', 'center', 20);
        $column_var_item_var_cod_varied = $this->var_item_var_list->addQuickColumn('ID', 'var_item_var_cod_varied', 'left');
        $column_var_item_var_desc_varied = $this->var_item_var_list->addQuickColumn('Nome', 'var_item_var_desc_varied', 'center');
        $column_var_item_var_sigla_trans = $this->var_item_var_list->addQuickColumn('S Trans.', 'var_item_var_sigla_trans', 'center');
        $column_var_item_var_dias_ciclo = $this->var_item_var_list->addQuickColumn('Ciclo(dias)', 'var_item_var_dias_ciclo', 'center');
        $column_var_item_var_ciclo = $this->var_item_var_list->addQuickColumn('Ciclo', 'var_item_var_ciclo', 'center');
        $column_var_item_var_status = $this->var_item_var_list->addQuickColumn('Status', 'var_item_var_status', 'center');
        $column_var_item_var_ciclo->setTransformer(array('AppTransformer', 'TransfTipoCicloNomeProd'));
        $column_var_item_var_status->setTransformer(array('AppTransformer', 'TransfStatusAI'));
        $this->var_item_var_list->createModel();
        $this->form->addContent([$this->var_item_var_list]);
?>

Nataniel Rabaioli 28/05/2019 (há 6 anos)

Não sei se entendi. Você quer adicionar a grid também ao notebook? Se for isso tem que adicioná-la ao container que está no notebook($tableVariedades no exemplo que passsei) e não ao formulário diretamente. Veja a parte de contêineres do tutor pra entender um pouco mais.
adianti.com.br/framework_files/tutor/index.php?class=HomeView&me

Felipe B. - AUTOR DO POST 28/05/2019 (há 6 anos)

Então, é que essa parte de variedades e características, eu vou mostrar somente dentro do formulário, na lista não vai aparecer e tal.
Ai então, teria que ter as colunas e tal, para mostrar.
Lembrando que seguindo basicamente aquela parte ali de cima já, ai após o form teria esse botão de add o item, e as colunas e tal.

 <?php
        $add_var_item_var = new TButton('add_var_item_var');
        $action_var_item_var = new TAction(array($this, 'onAddVarItemVar'));
        $add_var_item_var->setAction($action_var_item_var, 'Adicionar/Alterar');
        $add_var_item_var->addStyleClass('btn-success');
        $add_var_item_var->setImage('fa:save');
        $this->form->addFields([$add_var_item_var]);
        $this->var_item_var_list = new BootstrapDatagridWrapper(new TQuickGrid);
        $this->var_item_var_list->style = 'width:100%';
        $this->var_item_var_list->disableDefaultClick();
        $this->var_item_var_list->addQuickColumn('Editar', 'edit', 'center', 20);
        $this->var_item_var_list->addQuickColumn('Deletar', 'delete', 'center', 20);
        $column_var_item_var_cod_varied = $this->var_item_var_list->addQuickColumn('ID', 'var_item_var_cod_varied', 'left');
        $column_var_item_var_desc_varied = $this->var_item_var_list->addQuickColumn('Nome', 'var_item_var_desc_varied', 'center');
  
        $this->var_item_var_list->createModel();
        $this->form->addContent([$this->var_item_var_list]);
?>

Novo Comentário