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

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

 

ta certo agora como que chamo essa funcao dentro do item?? como que chamo um .js????

to tentando chama o seu exemplo de datagrid1 e to usando o autoLoad: {url: 'datagrid1/index.html', scripts :true},

so que nao esta vindo... ://

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

era pra funcionar, tem que debugar pra ver onde tem erros, mas como falei essa forma é a mais facil

 

mas usando só arquivos .js seria melhor, só que é complicado pra quem esta começando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

era pra funcionar, tem que debugar pra ver onde tem erros, mas como falei essa forma é a mais facil

 

mas usando só arquivos .js seria melhor, só que é complicado pra quem esta começando.

 

 

tem algum sistema que me ajuda a criar ext??? que ajude a debugar e tal??

 

se você puder criar um exemplo pra mim de como que faço diretamente com o .js, pois eu coloquei o seu exemplo de datagrid pra funcionar... e gostei muito e realmente se eu conseguir colocar ele na aplicaçao vai ficar show de bola...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Primeira coisa monte o accordion, e depois um arquivo js sendo seu datagrid

 

voce vai ter um accordion fixo ou quer que ele seja criado dinamicamente com os dados vindos do banco

 

por exemplo se você montar um sistema com perfil de usuario o accordion pode ser montado de acordo com cada cliente

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Primeira coisa monte o accordion, e depois um arquivo js sendo seu datagrid

 

voce vai ter um accordion fixo ou quer que ele seja criado dinamicamente com os dados vindos do banco

 

por exemplo se você montar um sistema com perfil de usuario o accordion pode ser montado de acordo com cada cliente

 

Tem como os dados da penal vim do banco????

 

Certo, o acorde ja esta montado, pois peguei ele ontem nos exemplos e estudei ele. criei na lateral direita item usuario, quero criar um item dentro de usuario como que faço???

 

quero criar um item dentro desse panel....

 

var item1 = new Ext.Panel({
                title: 'usuario',
                cls:'empty'

            });

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

Veja um exemplo do que voce quer fazer

 

http://www.extdesenv.com.br/blog/?p=148

 

http://www.extdesenv.com.br/blog/?p=18

http://www.extdesenv.com.br/blog/?p=73

http://www.extdesenv.com.br/blog/?p=6

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

esses exemplos desse cara nao consigo rodar nenhum....

 

eu peguei o accordion do exemplo do extjs e quero colocar o datagrid1 que voce criou... como que faço??? pois ja tentei de tudo...

 

quero algo assim...

http://www.extdesenv.com.br/blog/wp-content/uploads/2009/09/crud-ext-print.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Basicamente é aquilo que eu te falei você inclui o datagrid no

 

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

 

onde a pagina.html seria o datagrid funcionando.

 

Voce pode me mostra onde to errando????

 

<html>
<head>
    <title>Administrador</title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>

    <!-- GC -->
    <!-- LIBS -->
    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
    <!-- ENDLIBS -->

    <script type="text/javascript" src="../../ext-all.js"></script>


    <style type="text/css">
        html, body {
            font: normal 12px verdana;
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }
        .empty .x-panel-body {
            padding-top:20px;
            text-align:center;
            font-style:italic;
            color: gray;
            font-size:11px;
        }
    </style>
    <script type="text/javascript">
        Ext.onReady(function() {

            var item1 = new Ext.Panel({
                title: 'usuario',
				autoLoad : {url: 'datagrid1/index.html', scripts :true}
            });

            var item2 = new Ext.Panel({
                title: 'Accordion Item 2',
                html: '<empty panel>',
                cls:'empty'
            });

            var item3 = new Ext.Panel({
                title: 'Accordion Item 3',
                html: '<empty panel>',
                cls:'empty'
            });

            var item4 = new Ext.Panel({
                title: 'Accordion Item 4',
                html: '<empty panel>',
                cls:'empty'
            });

            var item5 = new Ext.Panel({
                title: 'Accordion Item 5',
                html: '<empty panel>',
                cls:'empty'
            });

            var accordion = new Ext.Panel({
                region:'west',
                margins:'5 0 5 5',
                split:true,
                width: 210,
                layout:'accordion',
                items: [item1, item2, item3, item4, item5]
            });

            var viewport = new Ext.Viewport({
                layout:'border',
                items:[
                    accordion, {
                    region:'center',
                    margins:'5 5 5 0',
                    cls:'empty',
                    bodyStyle:'background:#f1f1f1',
					items:[{
						
						
					}]
                }]
            });
        });
    </script>
</head>
<body>
<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

perin    0

perin
Postado

Montei esse exemplo e funcionou, você precisa mudar um pouco o index.html do datagrid

 

tenta deixar ele apenas com <script>codigo js</script> tira o resto que for html

 

deixei com apenas isso, mesmo assin nao funciono....

 

<link href="public/css/ext-all.css" media="screen" rel="stylesheet" type="text/css" >
<link href="public/css/main.css" media="screen" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="public/js/ext-base.js"></script>
<script type="text/javascript" src="public/js/ext-all.js"></script>
<script type="text/javascript" src="public/js/estados.js"></script>
<script type="text/javascript" src="public/js/index.js"></script>
<script type="text/javascript" src="public/js/ext-lang-pt_BR.js"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabyo    66

Fabyo
Postado

nao todos os scripts referente ao extjs vai ficar no index.html principal.

 

as outras paginas que você vai chamar você só passa o script necessario para funcionar

 

por exemplo no caso do datagrid você pegaria só o index.js e passaria pro index.html

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