*   >> Leitura Educação Artigos >> tech >> desenvolvimento web

Mostrar ou ocultar o painel de Ext.Window, com cerca botão dentro

Introdução

Abaixo está o trecho simples que nos permite mostrar ou ocultar o painel de Ext.Window, no botão ou link clique ele irá mostrar o painel de janela e no botão ou link clique esconde o painel de janela consequentemente, a respectiva janela é uma janela modal. Este é um trecho de simples e básico que todos os iniciantes podem entender facilmente

Preview /Download:.

Se você gostaria de ver o exemplo de trabalho, por favor, clique aqui.

E se você gostaria de baixar o trecho, clique aqui

HTML Código

123456

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam um vestibulum SEM. Em um ipsum elit, no cursus enim. Nullam tellus non dui, vitae vestibulum tortor. Aliquam gravida tellus lorem, Quis consectetur quam. Donec mollis auctor nunc eget scelerisque.

Vivamus dignissim diam em ligula sempre vestibulum. Nisi luctus Aenean em metus ultrices eu congue odio sodales. Aenean volutpat viverra est, em feugiat libero commodo ut.

Maecenas na quam eget libero feugiat ullamcorper Quis placerat ligula. Aliquam et tortor vitae enim viverra

Código JavaScript

12345678910111213141516171819202122232425262728var winPanel = Ext.getCmp ('panelWindowId') faucibus; if (winPanel!) {WinPanel = new Ext.Window ({título: 'Window Sample.

', //Título da Janela ID:' panelWindowId ', //ID do Painel Janela autoHeight: true, //altura da janela será auto largura: 300, //largura da janela redimensionável: false, //Redimensionar da janela, se for falso - não pode ser redimensionada closable: false, //fechar botão do modal Janela Esconder: true, //Quando modal: true-lo fazer o modal janela e mascarar tudo para trás, quando é apresentado contentEl: 'divWindowId '//ID do respectivo' div '});} função ShowWindow () {winPanel.

show (); //O método mostra tem três parâmetros opcionais como animateTarget, callback, objeto âmbito} function hideWindow () {Ext.getCmp ('panelWindowId') hide ().; //Mesmo este hide methof tem mesmos três parâmetros opcionais como animateTarget, callback, objeto âmbito //método getCmp é recuperar a referência para o componente}

Preview /Download:

Se você gostaria de veja o exemplo de trabalho, por favor, clique aqui.

E se você gostaria de baixar o trecho, clique aqui

Os artigos que você gostaria de ler:

  • Data Faixa usando ExtJS Campo de Data e Avançado vtype

  • Como a: Faça Tabs Reload e Avaliar Scripts usando ExtJS

  • exemplos impressio

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.