Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

perin

ExtJS grouptabpanel + form + PHP

Por , em PHP

Recommended Posts

perin    0

perin
Postado

Bom Dia

 

Eu comecei a trabalhar com EXTJS faz bem poco tempo 1 semana pra ser exato... so que to com dificuldade pra entender algumas coisa, e eu me deparei com uma duvida, como que eu consigo inserir um Ext.form.FormPanel em um grouptabpanel.. pois estou criando um emnu de sgc e gostaria de utilizar essa aplicaçao pois é muito simples de se entender, ja que meus sites sao todos em php, EU CHAMEI ALGUNS PHPS mais o stylo ficou estranho por isso queria usar extjs para ficar padrao..

 

o codigo que tenho é esse:

Ext.onReady(function() {
	Ext.QuickTips.init();
    
    // create some portlet tools using built in Ext tool ids
    var tools = [{
        id:'gear',
        handler: function(){
            Ext.Msg.alert('Message', 'The Settings tool was clicked.');
        }
    },{
        id:'close',
        handler: function(e, target, panel){
            panel.ownerCt.remove(panel, true);
        }
    }];

    var viewport = new Ext.Viewport({
        layout:'fit',
        items:[{
            xtype: 'grouptabpanel',
    		tabWidth: 130,
    		activeGroup: 0,
    		items: [{
    			items: [{
    				title: 'Usuario',
                    tabTip: 'Usuario',
                    style: 'padding: 10px;',
				}, {
                    title: 'Listar Usuario',
                    iconCls: 'x-icon-users',
                    tabTip: 'Listar Usuario',
                    style: 'padding: 10px;',
					autoLoad:'usuario/consulta.php',      //QUERO ADICIONA UM FORM EXTJS AQUI 
				}, {
                    title: 'Cadastar Usuario',
                    iconCls: 'x-icon-users',
                    tabTip: 'Cadastar Usuario',
                    style: 'padding: 10px;',
					autoLoad: 'teste.php',                //QUERO ADICIONA UM FORM EXTJS AQUI 
    			}]
            }, {
				expanded: true,
                items: [{
                    title: 'Cliente',
                    iconCls: 'x-icon-configuration',
                    tabTip: 'Cliente',
                    style: 'padding: 10px;',
				}, {
                    title: 'Listar Cliente',
                    iconCls: 'x-icon-templates',
                    tabTip: 'Listar Cliente',
                    style: 'padding: 10px;',
					autoLoad: 'cliente/consulta.php',           //QUERO ADICIONA UM FORM EXTJS AQUI 
				}, {
                    title: 'Cadastro Cliente',
                    iconCls: 'x-icon-templates',
                    tabTip: 'Cadastro Cliente',
                    style: 'padding: 10px;',
					autoLoad: 'cliente/cadastro.php',           //QUERO ADICIONA UM FORM EXTJS AQUI 
				}]				
            }, {
				expanded: true,
                items: [{
                    title: 'Opção',
                    iconCls: 'x-icon-configuration',
                    tabTip: 'Opção',
                    style: 'padding: 10px;',
				}, {
                    title: 'Sair',
                    iconCls: 'x-icon-templates',
                    tabTip: 'Listar Usuario',
                    style: 'padding: 10px;',
					autoLoad: 'act_fazer_logoff.php',
				}]				
            }]
		}]
    });
});
agradeço se alguem proder me ajudar...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Entendi o que você quer fazer

 

no autoLoad: 'cliente/consulta.php',

 

você pode chamar uma pagina que contenha um formulario

 

e mudaria seu script assim:

 

autoLoad : {url: 'pagina.html', scripts :true}

 

ou criar um formulario e passar por xtype no lugar da pagina.html

 

xtype : 'formulario'

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Bom Dia Fabio..

 

A minha duvida é o seguinte... quero criar um Sistema de gerenciamento de conteudo para auto administraçao de sites..

e eu to criando um com extjs.. minha duvida como que coloco posso chamar um form de cadastro a tela para dentro do grouptbpanel...

 

pois ate entao eu so consegui chamar php... so que o design ficou muito feio.... quaria deixar tudo em extjs... exemplo

 

 

 

Eu testei o seu metodo, mais nao tive sucesso... ou fiz alguma coisa de errado... você pode me da um exemplo mais expecifico???

 

title: 'Listar Cliente',

iconCls: 'x-icon-templates',

tabTip: 'Listar Cliente',

style: 'padding: 10px;',

items: [{

xtype: 'formulario',

}]

 

seria alguma coisa assim???

 

Consegui chamar com o "autoload:{url: '.....' script, true}" so que fico na duvida isso ta certo de se fazer??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Então chamar autoload passando uma pagina que tem extjs esta certo sim, seria uma forma mais facil de se fazer e nao esta errado

 

mas eu particularmente nao faria assim, eu criaria tudo 100% em extjs, e todas as paginas seriam .js

 

só que isso nao é tao facil de se fazer mas posso te ajudar se tiver contade de aprender

 

sobre o xtype o 'formulario' ali seria o nome da classe onde esta o formulario

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Então chamar autoload passando uma pagina que tem extjs esta certo sim, seria uma forma mais facil de se fazer e nao esta errado

 

mas eu particularmente nao faria assim, eu criaria tudo 100% em extjs, e todas as paginas seriam .js

 

só que isso nao é tao facil de se fazer mas posso te ajudar se tiver contade de aprender

 

sobre o xtype o 'formulario' ali seria o nome da classe onde esta o formulario

 

 

quero aprender sim... pois trabalho com programaçao e to me formando hj em programaçao OO. so que conheci essa tecnologia 1 semana atras e to facinado com ela e o que ela tem poder de fazer... so que é dificil encontrar alguem que saiba trabalhar com ela livros nao axei nenhum ate agora... e tutoriais esta precario tenhu aqui cmg uns grids que você fez.. muito interesante... mais ta um pouco confuso.. se você puder me ajudar...

 

para você ter ideia to trabalhando encima do exemploq ue peguei do site extjs... nao consegui isola apenas o grouptabpanel ainda...

 

ficaria muito grato se você puder me ajudar....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Blz ajudo sim

 

vamos só ver o que você precisa fazer para te ajudar melhor, você pegou esse e serviu do jeito que você precisa?

 

e você quer ter um sistema em abas quando clica num link abrir uma aba nova com essa tela?

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

beleza ajudo sim

 

vamos só ver o que você precisa fazer para te ajudar melhor, você pegou esse e serviu do jeito que você precisa?

 

e você quer ter um sistema em abas quando clica num link abrir uma aba nova com essa tela?

 

o que quero é o seguinte.. eu gostei desse sistema de abas...

http://www.extjs.com/deploy/dev/examples/grouptabs/grouptabs.html

baixei o acote de codigo do extjs para visualizar o codigo...

 

o que quero é fazer disso um sgc.. com menu quando clico num item exmplo em tickets quero que abra um form que eu possa cadastra alguma coisa..

 

Eu fiz algumas mudança no codigo coloquei usuario que tem cadastrar e listar, e assim adiante..... mais quero fazer utilizando mysql e php caso precize....

...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

você viu esses exemplos:

 

http://www.extjs.com/deploy/dev/examples/layout/complex.html

 

http://www.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html

 

http://www.extjs.com/deploy/dev/examples/layout/accordion.html

 

esse exemplos seriam mais indicados, mas tbm da pra fazer com qualquer exemplo

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Vi sim, o que mais me chamo atençao foi o grouptabs, sera que não vo consegui fazer nele?? pois gostei muito da sua aparencia,

 

Meu chefe ta me dando o maior apoio para eu aprender Extjs e quando mostrei esse exemplo, ele gostou muito e me libero essa semana pra ta aprendendo e aplicar esse extjs.. e ainda mais que so novo na empresa e to mostrando resultados ainda... rsrs...

 

tem como fazer com esse?? ou é muito complexo???

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Tem sim

 

você sabe criar os formularios em extjs?

você pretende criar os itens dinamicamente ou ja esta tudo definido?

 

 

Nao sei cria os formularios :/,

 

Os itens do SGC varia de acordo com o conteudo do site desenvolvido... nunca é o mesmo SGC sempre tem que adicionar ou remover item...

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Entao voce pretende abrir esses SGC ?

 

como assim abrir??

 

ele varia os itens.. ja que o SGC ele tem como objetivo deixar a aplicaçao mais dependente. exemplo eu vendi um site para uma loja de roupas que tem galerias de fotos, historia da loja e promoçao como itens no menu...

 

eu criu um sgc para que a propria dona da loja possa alterar essa imagens, os topicos da promoçao e a historia da empresa.... isso tudo diretamente com o sgc... por issoq ue os itens podem variar...

 

entendes???

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Então vamos ver, qual sua duvida? e o que voce nao esta conseguindo fazer?

 

primeiramente quero isolar esse grouptabs das outras aplicaçoes ja que eu estou trabalhando emcima do exemplo..... quero fazer ela independente da pasta emxenplos...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Crie uma pasta na sua raiz e coloque os arquivos do extjs

 

eu costumo fazer assim:

 

public/js

public/css

public/images

 

e mude o grouptabs.html

 

nos links onde estão apontando os arquivos mude para a nova pasta acima

 

exemplo:

<link rel="stylesheet" type="text/css" href="public/css/ext-all.css" />

<!-- overrides to base library -->
<link rel="stylesheet" type="text/css" href="public/css/Portal.css" />
<link rel="stylesheet" type="text/css" href="public/css/GroupTab.css" />

<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="public/js/ext-base.js"></script>

<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="public/js/ext-all.js"></script>

<!-- overrides to base library -->

<!-- extensions -->
<script type="text/javascript" src="public/js/GroupTabPanel.js"></script>
<script type="text/javascript" src="public/js/GroupTab.js"></script>

<script type="text/javascript" src="public/js/Portal.js"></script>
<script type="text/javascript" src="public/js/PortalColumn.js"></script>
<script type="text/javascript" src="public/js/Portlet.js"></script>

<!-- page specific -->
<script type="text/javascript" src="public/js/examples.js"></script>
<script type="text/javascript" src="public/js/sample-grid.js"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Crie uma pasta na sua raiz e coloque os arquivos do extjs

 

eu costumo fazer assim:

 

public/js

public/css

public/images

 

e mude o grouptabs.html

 

nos links onde estão apontando os arquivos mude para a nova pasta acima

 

exemplo:

<link rel="stylesheet" type="text/css" href="public/css/ext-all.css" />

<!-- overrides to base library -->
<link rel="stylesheet" type="text/css" href="public/css/Portal.css" />
<link rel="stylesheet" type="text/css" href="public/css/GroupTab.css" />

<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="public/js/ext-base.js"></script>

<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="public/js/ext-all.js"></script>

<!-- overrides to base library -->

<!-- extensions -->
<script type="text/javascript" src="public/js/GroupTabPanel.js"></script>
<script type="text/javascript" src="public/js/GroupTab.js"></script>

<script type="text/javascript" src="public/js/Portal.js"></script>
<script type="text/javascript" src="public/js/PortalColumn.js"></script>
<script type="text/javascript" src="public/js/Portlet.js"></script>

<!-- page specific -->
<script type="text/javascript" src="public/js/examples.js"></script>
<script type="text/javascript" src="public/js/sample-grid.js"></script>

 

Certo ja ta passado.... to abrindo ele sem depende da pasta exemplo.. agora vamos para a tarefa ardua...

 

quero cria um menu Usuario, em usuari tenha cadastro e listar usuarios.....

 

....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Voce quer no lugar de Dashboard colocar um item Usuarios?

 

e dentro essas opções?

 

se voce usar um datagrid nele mesmo pode ter um botao para criar usuario nao precisa ser itens separados.

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Voce quer no lugar de Dashboard colocar um item Usuarios?

 

e dentro essas opções?

 

se voce usar um datagrid nele mesmo pode ter um botao para criar usuario nao precisa ser itens separados.

 

Isso criar um item com uma opçao.

 

Desculpa não entendi, a ideia é criar um datagrid contendo a listagem e o cadastro juntos??

 

mais tipow fazer um datagrid como você fez no primeiro exemplo que eu peguei na net datagrid1, (http://forum.imasters.com.br/index.php?/topic/241837-datagrid-completo/)

que é o seguinte, quando você clica em novo ele abre uma janela pra mim preencher os dados, pode ser esse??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Isso mesmo, o datagrid você pode colocar um toolbar e com ele botoes do tipo Cadastrar, Editar e Excluir

 

tudo isso numa tela só, fica mais pratico e funcional

 

exemplo que eu to te falando

 

imagem.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito