Latest web development tutorials
×

jQuery EasyUI curso

jQuery EasyUI curso jQuery EasyUI breve introdução

jEasyUI aplicação

jEasyUI Criando um aplicativo CRUD jEasyUI Criando uma grade de dados CRUD jEasyUI formulário de pedido de CRUD jEasyUI Criar um leitor de RSS

jEasyUI Drag and Drop

jEasyUI arraste básico e queda jEasyUI Criar carrinho de compras queda jEasyUI Criar um currículo escolar

jEasyUI Menus e botões

jEasyUI Criando um menu simples jEasyUI Criar botão link jEasyUI Criar um botão de menu jEasyUI Criar botão de divisão

jEasyUI traçado

jEasyUI Criar um layout de borda jEasyUI Criar layouts complexos jEasyUI Criar painel de dobramento jEasyUI Criar guia jEasyUI Dinamicamente adicionar guias jEasyUI Adicionar separador AutoPlay jEasyUI Criar XP Style no painel do lado esquerdo

jEasyUI Grade de dados

jEasyUI Convertido para grade de dados tabela HTML jEasyUI Obter linha de dados selecionada jEasyUI Adicionar inquérito jEasyUI Adicionar barra de ferramentas jEasyUI Criar barras de ferramentas complexas jEasyUI Configurando colunas de congelamento jEasyUI coluna de mudança dinâmica jEasyUI Colunas de formato jEasyUI Definir o tipo jEasyUI Organização personalizada jEasyUI Criar uma combinação de colunas jEasyUI Adicionar checkbox jEasyUI paginação personalizada jEasyUI Permitir a edição em linha jEasyUI editor estendida jEasyUI operação da coluna jEasyUI célula mesclada jEasyUI Criar uma exibição personalizada jEasyUI Criar resumo de rodapé jEasyUI Condições definir linha cor de fundo jEasyUI Criar uma grade de propriedade jEasyUI linhas expandidas Ver detalhes jEasyUI Criar subdivisões jEasyUI Exibir dados em massa jEasyUI Adicionar um componente de página

jEasyUI janela

jEasyUI Criando uma janela simples jEasyUI Barras de ferramentas de janela de costume jEasyUI Janela e layout jEasyUI Criar diálogo jEasyUI caixa de diálogo Personalizar

jEasyUI árvore de menus

jEasyUI Use tags para criar menu em árvore jEasyUI Criar menu em árvore assíncrona jEasyUI Adicionando um menu árvore de nós jEasyUI Criar menu de árvore com caixas de seleção jEasyUI Arraste e solte o controle de menu em árvore jEasyUI menu de carga de árvores nós pai / filho jEasyUI Criando uma árvore baseado em grid jEasyUI Criar uma malha de árvore complexa jEasyUI grade de árvore carregado dinamicamente jEasyUI Adicionar um guia Grade árvore jEasyUI carregamento lento árvore de nós de grade

jEasyUI formulário

jEasyUI Envie o formulário para criar um assíncrono jEasyUI Autenticação de formulários jEasyUI Criar uma caixa de árvore drop-down jEasyUI caixa suspensa Format jEasyUI Filtro de grade de dados drop-down

jEasyUI manual de referência

jQuery EasyUI widget jQuery EasyUI propagação

Widget jQuery EasyUI - Janela Janela

jQuery EasyUI plug-in jQuery EasyUI plug-in

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 jQuery EasyUI plug-in