Extjs link

[Douglas Fabiano 0]

Pessoal estou usando um layout do extjs 4.1..

(baixei o layout: http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/layout/complex.html)

 

Bom ate agora tudo bem. Fiz na direita algumas linhas para fazer um link que preciso abrir as página no centro.. ai que não sei como fazer... Por exemplo as páginas ja estão feitas apenas preciso jogar elas dentro do centro quando clicar alguem pode me dar um exemplo:

 

Abaixo eu preciso colocar um link na linha "pesquisar" em html e quando clicar abrir abrir uma nova página no centro dentro do layout mantendo as outras regiões normais...

 

 

Vejam:

{
               region: 'west',
               stateId: 'navigation-panel',
               id: 'west-panel', // see Ext.getCmp() below
               title: 'Menu Principal',
               split: true,
               width: 200,
               minWidth: 175,
               maxWidth: 300,
               collapsible: true,
               animCollapse: true,
               margins: '0 0 0 5',
               layout: 'accordion',
               items: [
                   title: 'Pesquisar',
                   html: '<p>Pesquisar</p>',
                   iconCls: 'settings'
               },

[P@trique 0]

tente assim

 

Ext.get("id_div").load({ url: "outrapagina.html" });

[Douglas Fabiano 0]

Coloquei mas ainda não deu link...

 

{
               region: 'west',
               stateId: 'navigation-panel',
               id: 'west-panel', // see Ext.getCmp() below
               title: 'Menu Principal',
               split: true,
               width: 200,
               minWidth: 175,
               maxWidth: 300,
               collapsible: true,
               animCollapse: true,
               margins: '0 0 0 5',
               layout: 'accordion',
               items: [
                   title: 'Pesquisar',
                   html: '<p>Pesquisar</p>',
                   Ext.get("center1").load({ url: "login.html" }),
                   iconCls: 'settings'
               },

 

Consegui colocar o link porem não abre dentro do quadro do meio... center.

 

{
               region: 'west',
               stateId: 'navigation-panel',
               id: 'west-panel', // see Ext.getCmp() below
               title: 'Menu Principal',
               split: true,
               width: 200,
               minWidth: 175,
               maxWidth: 300,
               collapsible: true,
               animCollapse: true,
               margins: '0 0 0 5',
               layout: 'accordion',
               items: [{
                   contentEl: 'west',
                   title: 'Novo',
                   //html: '<p>Some settings in here.</p>',
                   iconCls: 'nav' // see the HEAD section for style used
               }, {
                   title: 'Pesquisar',
                   html: '<p><a href="login.html" target="center1">Pesquisar</a></p>',
                   iconCls: 'settings'
               }

[P@trique 0]

Faça assim:

 

http://jsfiddle.net/xTgKh/

[Douglas Fabiano 0]

fiz a alteração mas não deu certo:

{
                   title: 'Pesquisar',
                   html: '<p>Pesquisar</p>',
                   Ext.fly('meio').update('<p><a href="login.html" target="center1">Pesquisar</a></p>'),
                   iconCls: 'settings'
               }

[P@trique 0]

Coloque apenas isso mano

 

Ext.fly('meio').update('<p><a href="login.html" target="center1">Pesquisar</a></p>')

 

ele vai dar o comando para atualizar a div com id "meio"... sendo assim colocara aquele link dentro do parâmetro.

[Douglas Fabiano 0]

fiz assim e ele abre em uma nova aba só falta abrir na regiao do centro...

pois quando deixei apenas o que você me enviou não funcionou e então mesclei no html puro: Mas ainda não abre na região do centro do layout.

 

{
                   title: 'Pesquisar',
                   html: '<p><a href="login.html" target="center1"> Pesquisar </a></p>',
                   //Ext.fly('center1').update('<p><a href="login.html" target="center1">Pesquisar</a></p>'),
                   iconCls: 'settings'
               }

[P@trique 0]

Alguma coisa esta errada, testou aquele link que te mandei??? veja lá como esta funcionando, ou não era aquilo que estava querendo???

[Douglas Fabiano 0]

Para você entender melhor eu utilizei exatamente esse modelo da sencha (localmente é claro) Clique aqui

 

Na esquerda onde está "Navigation" tem um texto abaixo dele ... onde está esse texto foi o local onde estou tentando adicionar o link e abrir no centro...

 

Acho que agora dá para você entender melhor.

[P@trique 0]

Sim entendi, nesse caso ele não aceita da maneira proposta por mim, o engraçado é que se não usar o sencha, roda de boa, é alguma rotina própria para rodar na lib, mais nessa to perdido mano, nunca trabalhei com Extjs, mais vou tentar pesquisar a respeito, se encontrar te passo aqui, caso encontre uma solução, poste aqui tb, pois desse pepino eu gostaria de ver qual é a solução :thumbsup:

[Douglas Fabiano 0]

Sim quando eu achar a resposta te aviso sim. Vamos em frente. Obrigado

 

Tentei fazer assim: Mas ainda não deu certo:

 

{
               region: 'west',
               stateId: 'navigation-panel',
               id: 'west-panel', // see Ext.getCmp() below
               title: 'Menu Principal',
               split: true,
               width: 200,
               minWidth: 175,
               maxWidth: 300,
               collapsible: true,
               animCollapse: true,
               margins: '0 0 0 5',
               layout: 'accordion',
               items: [{
                   contentEl: 'west',
                   title: 'Novo QRU',
                   //html: '<p>Some settings in here.</p>',
                   iconCls: 'nav' // see the HEAD section for style used
               }, {
                   title: 'Pesquisar',
                   html: '<p><a href="login.html#" target="center1"> Pesquisar</a></p>',
                   //renderTo: 'center1',
                   //renderTo: 'center',
                   //Ext.fly('center1').update('<p><a href="login.html" target="center1">Pesquisar</a></p>'),
                   //button: 'ola',
                   iconCls: 'settings'
               }