ventana de jQuery EasyUI - con un cuadro de diálogo para personalizar las barras de herramientas y botones
Puede crear una barra de herramientas con el cuadro de diálogo (barra de herramientas) y los botones (botón) (cuadro de diálogo), puede crear las etiquetas HTML. Este tutorial describe cómo agregar una barra de herramientas (barra de herramientas) y los botones (botón) para el cuadro de diálogo (diálogo), sin ningún tipo de código javascript.
Crear diálogo (diálogo)
id = clase "dd" <div = "-easyui de diálogo" title = estilo "Mi diálogo" = "width: 400px; altura: 200px; padding: 10px" barra de herramientas de botones = = "DLG-botones #" "# DLG-Barra de Herramientas"> Contenido de diálogo. </ Div>
Crear una barra de herramientas (barra de herramientas)
<Div id = "DLG-barra de herramientas"> <Table cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> Editar </a> <a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> Ayuda </a> </ Td> <Td style = "text-align: right"> <Entrada> </ input> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a> </ Td> </ Tr> </ Table> </ Div>
botón Crear (teclas)
<id = "DLG-botones" div> <Table cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <Img src = "email.gif" /> </ Td> <Td style = "text-align: right"> <a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')"> Guardar </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Cerrar </a> </ Td> </ Tr> </ Table> </ Div>
Tenga en cuenta que el cuadro de diálogo (diálogo) barra de herramientas (barra de herramientas) y los botones (botones) propiedades también pueden ser especificados por el valor de la cadena, ya que actuará como un selector para seleccionar un elemento DIV apropiado y lo anexa a la barra de herramientas (barra de herramientas) o los botones (botones) posición.