*   >> Læs Uddannelse artikler >> tech >> web development

Vis eller skjul af Ext.Window panel, med tæt knap inside

Introduktion

Nedenfor er den simple uddrag som giver os mulighed for at vise eller skjule Ext.Window panelet på knappen eller linket klik på det vil vise den Vindue panel og på knappen eller linket klikke på det skjuler vinduet panelet i overensstemmelse hermed, den respektive Window er en modal vindue. Dette er en enkel og grundlæggende uddrag, som alle begyndere kan forstå nemt

Eksempel /Download:.

Hvis du gerne vil se den arbejdende eksempel, skal du klikke her.

Og hvis du gerne vil downloade uddrag, klik her

HTML-kode

123456

Lorem ipsum dolor sit amet, consectetur adipiscing Elit. Klasselærere en vestibulum sem. I en Elit ipsum på cursus ENIM. Klasselærere ikke DUI Tellus, vitae vestibulum tortor. Aliquam gravida Tellus lorem, quis consectetur quam. Donec mollis auctor nunc own scelerisque.

Vivamus dignissim diam i ligula sempre vestibulum. Aenean luctus nisi i metus ultrices eu congue odio sodales. Aenean volutpat Viverra est, ved feugiat libero commodo ut. Mæcenas på quam own libero feugiat ullamcorper quis its ligula.

Aliquam et tortor vitae enim Viverra faucibus

JavaScript kode

12345678910111213141516171819202122232425262728var winPanel = Ext.getCmp (panelWindowId '); if (winPanel!) {WinPanel = ny Ext.Window ({titel:.' Eksempel Vindue ', //Titel på Window id: "panelWindowId«, //ID Window Panel AutoHeight: sandt, //vinduets højde vil blive auto bredde: 300, //bredden af ​​vinduet ændre størrelse: falsk, //Resize af vinduet, hvis falsk - det ikke kan skaleres lukkes: falsk, //Skjul tæt knap på Window modal: sandt, //Når modal: true det gøre vinduet modal og maske alt bag den, når vises contentEl: 'divWindowId '//ID respektive "div"});} funktionen ShowWindow () {winPanel.

show (); //show metode har fået tre valgfrie parametre som animateTarget, tilbagekald, Objekt rækkevidde} funktionen hidewindow () {Ext.getCmp (panelWindowId «) skjul ().; //Selv denne skjul methof har fået samme tre valgfrie parametre som animateTarget, tilbagekald, Objekt omfang //getCmp metode er at hente henvisningen til den komponent}

Eksempel /Download:

Hvis du gerne vil se arbejder eksempel, skal du klikke her.

Og hvis du gerne vil downloade uddrag, klik her

Artikler, som du gerne vil læse:

  • Datointerval hjælp ExtJS Dato Field og Advanced VType

  • Sådan: Make Tabs Reload og Vurdere Scripts hjælp ExtJS

  • Bedøvelse eksempler hjælp Ext Core for din web Proj

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.