*   >> Lectura Educación Artículos >> tech >> desarrollo web

Mostrar u ocultar el panel de Ext.Window, con botón de cierre inside

Introducción

A continuación se muestra el simple fragmento que nos permite mostrar u ocultar el panel Ext.Window, el botón o haga clic en enlace se mostrará la panel de la ventana y el botón o haga clic en enlace que oculta el panel de ventana en consecuencia, la respectiva ventana es una ventana modal. Este es un fragmento de código simple y básico que todos los principiantes pueden entender fácilmente

Vista previa /Descargar:.

Si desea ver el ejemplo de trabajo, por favor haga clic aquí.

Y si desea descargar el fragmento, haga clic aquí

HTML Código

123.456

Lorem ipsum dolor sit amet, elit nisi nec consectetur. Nullam un Vestibulum sem. En un ipsum elit, en enim cursus. Nullam tellus no dúos, tortor Vestibulum vitae. Aliquam gravida tellus lorem, quis consectetur quam. Donec mollis auctor nunc eget scelerisque.

Vivamus dignissim diámetro en Vestibulum sempre lígula. Nisi luctus Aenean en metus ultrices eu congue odio sodales. Aenean volutpat viverra est, en feugiat commodo libero ut.

Mecenas en quam eget libero feugiat ullamcorper quis placerat lígula. Aliquam et tortor vitae enim viverra faucibus

Código JavaScript

12345678910111213141516171819202122232425262728var winPanel = Ext.getCmp ('panelWindowId'); si (winPanel!) {WinPanel = new Ext.Window ({title:. 'Ventana Muestra ', //Título del ello Ventana:' panelWindowId ', //ID del Panel autoHeight Ventana: true, //altura de la ventana será de ancho automático: 300, //ancho de la ventana de tamaño variable: false, //Cambiar el tamaño de la ventana, si es falso - no se puede cambiar de tamaño con cierre: false, //Ocultar el botón de cierre de la ventana modal: true, //Cuando modal: cierto que hacen que el modal ventana y enmascarar todo detrás de él cuando se muestra contentEl: 'divWindowId '//ID de la respectiva' div '});} ShowWindow function () {winPanel.

show (); //método espectáculo tiene tres parámetros opcionales como animateTarget, devolución de llamada, objeto alcance} HideWindow function () {Ext.getCmp ('panelWindowId') ocultar (.); //Incluso esta piel methof ha conseguido mismos tres parámetros opcionales como animateTarget, devolución de llamada, objeto alcance //método getCmp es recuperar la referencia al componente}

Vista previa /Descargar:

Si desea ver el ejemplo de trabajo, por favor haga clic aquí.

Y si desea descargar el fragmento, haga clic aquí

Artículos que le gustaría leer:

  • Rango

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.