*   >> Lezen Onderwijs artikelen >> tech >> web development

Weergeven of verbergen van Ext.Window paneel, met sluitknop inside

Introductie

Hieronder is de eenvoudige snippet die ons in staat om aan te tonen of verbergen Ext.Window panel, op de knop of een link klikt het zal tonen de raampaneel en op de knop of koppeling klikt het verbergt de ruit dienovereenkomstig de desbetreffende venster is een modaal venster. Dit is een eenvoudige en basic fragment waarin alle beginners gemakkelijk kan begrijpen

Preview /downloaden.

Als u wilt het werkend voorbeeld zien, dan kunt u hier klikken. En als je wilt het fragment te downloaden, klik hier

HTML code

123.

456

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam een ​​vestibulum sem. In een elit ipsum, op cursus enim. Nullam niet dui Tellus, vitae vestibulum Tortor. Aliquam gravida Tellus lorem, quis consectetur quam. Donec mollis auctor nunc eget scelerisque.

Vivamus dignissim diam in ligula semper vestibulum. Aenean luctus nisi in metus ultrices eu congue odio sodales. Aenean volutpat Viverra est, op feugiat libero Commodo ut. Maecenas bij quam eget libero feugiat ullamcorper quis placerat ligula.

Aliquam et Tortor vitae enim Viverra faucibus

JavaScript code

12345678910111213141516171819202122232425262728var winPanel = Ext.getCmp ('panelWindowId'); if (winPanel!) {WinPanel = new Ext.Window ({title:. 'Sample Window ', //Titel van het Venster id:' panelWindowId ', //ID van de Window Panel AutoHeight: true, //hoogte van het venster zal automatisch breedte: 300, //breedte van het venster resizable: vals, //het formaat van het venster, als vals - het niet afsluitbare kan worden aangepast: vals, //Hide sluitknop van het venster modal: true, //Bij modal: true maken het venster modaal en maskeren alles achter toen weergegeven contentEl: 'divWindowId '//ID van de respectieve' div '});} functie ShowWindow () {winPanel.

show (); //voorstelling methode heeft drie optionele parameters zoals animateTarget, callback, Object scope} functie HideWindow () {Ext.getCmp ('panelWindowId') te verbergen ().; //Ook dit verberg methof heeft dezelfde drie optionele parameters zoals animateTarget, callback, Object scope //getCmp methode is om de verwijzing naar de component} halen

Voorbeschouwing /Download:

Als u wilt zie de werkende voorbeeld, dan kunt u hier klikken.

En als je wilt het fragment te downloaden, klik hier

De artikelen die u zou willen lezen:

  • Datumbereik met ExtJS Date Field en Advanced VType

  • How To: Maak Tabs Reload en Evalueer Scripts ge

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.