Das beste jQuery EasyUI Fenster - mit einem Dialogfeld Symbolleisten und Schaltflächen anpassen-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen
Sie können eine Symbolleiste mit (Toolbar) und Tasten (Button) Dialog (Dialog) erstellen, können Sie die HTML-Tags erstellen. Dieses Tutorial beschreibt, wie eine Symbolleiste (Toolbar) und Tasten (Taste), um das Dialogfeld (Dialog) hinzuzufügen, ohne Javascript-Code.
<Div id = "dd" class = "easyui-Dialog" title = "My Dialog" style = "width: 400px; height: 200px; padding: 10px" Symbolleiste = "# dlg-Symbolleiste" Tasten = "# dlg-Tasten"> Dialog Inhalt. </ Div>
<Div id = "dlg-Symbolleiste"> <Table cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> bearbeiten </a> <a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> Hilfe </a> </ Td> <Td style = "text-align: right"> <Input> </ input> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a> </ Td> </ Tr> </ Table> </ Div>
<Div id = "dlg-Tasten"> <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')"> Speichern </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Schließen </a> </ Td> </ Tr> </ Table> </ Div>
Bitte beachten Sie, dass das Dialogfeld (Dialog) Symbolleiste (Toolbar) und Schaltflächen (Buttons) Eigenschaften können auch durch den String-Wert angegeben werden, da sie als Selektor fungiert ein entsprechendes DIV-Element auszuwählen, und fügt es in die Symbolleiste (Toolbar) oder Schaltflächen (Buttons) Position.