widget de jQuery EasyUI - ventana ventana
plugin de jQuery EasyUI Extendido desde $ .fn.panel.defaults. Por $ .fn.window.defaults anulan los valores predeterminados por defecto.
Ventana (ventana) es un flotante, paneles pueden arrastrarse, se puede utilizar como la ventana de la aplicación para su uso. Por defecto, la ventana se puede mover para ajustar el tamaño, se puede cerrar. Su contenido se define ya sea por un HTML estático a ser cargado dinámicamente por el Ajax.
confiar
- arrastrable
- de tamaño variable
- panel
uso
Crear una ventana (ventana)
1, de la etiqueta para crear una ventana (ventana).
<Div id = "ganar" class = "easyui-ventana" title = estilo "Mi Ventana" = "width: 600px; altura: 400px"
datos-options = "iconCls: 'icono-SAVE', modales: true">
contenido de la ventana
</ Div>
2, utilizando JavaScript para crear una ventana (ventana).
<Div id = "ganar"> </ div>
$ ( '# Victorias'). Ventana ({
anchura: 600,
altura: 400,
modal: true
});
3, crear una ventana (ventana) a través de la disposición de material compuesto.
Como de costumbre, se puede definir el diseño de la ventana. El siguiente ejemplo demuestra cómo dividir el área de la ventana en dos partes: las zonas septentrional y central.
<Div id = "ganar" class = "easyui-ventana" title = estilo "Mi Ventana" = "width: 600px; altura: 400px"
datos-options = "iconCls: 'icono-SAVE', modales: true">
<div class = "easyui-layout" de datos-options = "ajuste: true">
<Div ficha Opciones = "región:" norte ", dividida: true" style = "height: 100px"> </ div>
<Div ficha Opciones = "región:" centro "">
El contenido.
</ Div>
</ Div>
</ Div>
Ventana (ventana) de acción
Apertura y cierre de ventanas (window).
$ ( '# Victorias') ventana ( "abierta") ;. // Abrir una ventana $ ( '# Victorias') ventana ( "cerca") ;. // Cerrar una ventana
Cargando contenido de la ventana a través de AJAX.
$ ( '# Victorias') ventana ( 'actualización', 'get_content.php') .;
propiedad
La propiedad se extiende desde el panel (panel), la siguiente es una ventana (ventana) reescritura y propiedades añadido.
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| title | string | 窗口的标题文本。 | New Window |
| collapsible | boolean | 定义是否显示折叠按钮。 | true |
| minimizable | boolean | 定义是否显示最小化按钮。 | true |
| maximizable | boolean | 定义是否显示最大化按钮。 | true |
| closable | boolean | 定义是否显示关闭按钮。 | true |
| closed | boolean | 定义是否关闭窗口。 | false |
| zIndex | number | 从其开始增加的窗口的 z-index。 | 9000 |
| draggable | boolean | 定义窗口是否可拖拽。 | true |
| resizable | boolean | 定义窗口是否可调整尺寸。 | true |
| shadow | boolean | 如果设置为 true，当窗口能够显示阴影的时候将会显示阴影。 | true |
| inline | boolean | 定义如何放置窗口，当设置为 true 时则放在它的父容器里，当设置为 false 时则浮在所有元素的顶部。 | false |
| modal | boolean | 定义窗口是不是模态（modal）窗口。 | true |
evento
El evento se extiende desde el panel (panel).
camino
Los métodos se extienden desde los paneles (el panel), el siguiente es un método para la ventana (ventana) para añadir.
| 名称 | 参数 | 描述 |
|---|---|---|
| window | none | 返回外部窗口（window）对象。 |
| hcenter | none | 水平居中窗口。该方法自版本 1.3.1 起可用。 |
| vcenter | none | 垂直居中窗口。该方法自版本 1.3.1 起可用。 |
| center | none | 居中窗口。该方法自版本 1.3.1 起可用。 |
plugin de jQuery EasyUI