Widget jQuery EasyUI - Janela Janela
Prorrogado a partir de $ .fn.panel.defaults. Por $ .fn.window.defaults substituir os padrões predefinidos.
Window (janela) é um flutuante, painéis arrastáveis, podem ser usados como janela do aplicativo para usar. Por defeito, a janela pode ser movida para ajustar o tamanho, que pode ser fechada. Seu conteúdo é definida por um html estática para ser carregado dinamicamente por Ajax.
depender
- draggable
- redimensionável
- painel
uso
Criar uma janela (janela)
1, a partir do tag para criar uma janela (janela).
<Div id = "ganhar" class = "easyui-window" title = "My Window" style = "width: 600px; height: 400px" -opções de dados = "iconCls: 'icon-save', modal: true"> conteúdo janela </ Div>
2, usando javascript para criar uma janela (janela).
<Div id = "ganhar"> </ div>
$ ( "# Win '). Janela ({ width: 600, height: 400, modal: true });
3, criar uma janela (janela) através do layout do composto.
Como de costume, você pode definir o layout da janela. O exemplo a seguir demonstra como dividir a área de janela em duas partes: as áreas norte e central.
<Div id = "ganhar" class = "easyui-window" title = "My Window" style = "width: 600px; height: 400px" -opções de dados = "iconCls: 'icon-save', modal: true"> <div class = "layouts easyui"-opções de dados = "fit: true"> <-Opções de dados Div = "região: 'norte', dividido: true" style = "height: 100px"> </ div> <-Opções de dados Div = "região:" centro ""> O conteúdo. </ Div> </ Div> </ Div>
Window (janela) ação
Abrir e fechar janelas (janela).
$ Window ( '# Win') ( 'open') ;. // Abre uma janela $ ( "# Win ') janela (' close ') ;. // Fecha uma janela
Carregando conteúdo da janela via ajax.
$ ( "# Win ') janela (' refresh ',' get_content.php ') .;
propriedade
A propriedade se estende a partir do painel (painel) o, o seguinte é uma janela (janela) reescrevendo e propriedades adicionadas.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
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
O evento estende-se desde o painel (o painel).
caminho
Os métodos estendem a partir de painéis (painel), o seguinte é um método para a janela (janela) a adicionar.
名称 | 参数 | 描述 |
---|---|---|
window | none | 返回外部窗口(window)对象。 |
hcenter | none | 水平居中窗口。该方法自版本 1.3.1 起可用。 |
vcenter | none | 垂直居中窗口。该方法自版本 1.3.1 起可用。 |
center | none | 居中窗口。该方法自版本 1.3.1 起可用。 |
jQuery EasyUI plug-in