1. Casa
  2. jQuery EasyUI finestra - una finestra di dialogo per personalizzare le barre degli strumenti e pulsanti

Il miglior tutorial jQuery EasyUI finestra - una finestra di dialogo per personalizzare le barre degli strumenti e pulsanti Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,

jQuery EasyUI finestra - una finestra di dialogo per personalizzare le barre degli strumenti e pulsanti

È possibile creare una barra degli strumenti con finestra (barra degli strumenti) e pulsanti (pulsante) (finestra), è possibile creare i tag HTML. Questo tutorial descrive come aggiungere una barra degli strumenti (toolbar) e pulsanti (pulsante) per la finestra di dialogo (dialogo), senza alcun codice JavaScript.

Crea finestra di dialogo (dialogo) 

	<Div id = "dd" class = titolo "easyui-dialogo" = stile "My Dialog" = "width: 400px; height: 200px; padding: 10px"
			toolbar = pulsanti = "DLG bottoni #" "# DLG-barra degli strumenti">
		Contenuti finestra.
	</ Div>

Creare una barra degli strumenti (toolbar) 

	<Div id = "DLG-barra degli strumenti">
		<Tabella cellpadding = "0" cellspacing = "0" style = "width: 100%">
			<Tr>
				<Td>
					<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> Modifica </a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> Aiuto </a>
				</ Td>
				<Td style = "text-align: right">
					<Input> </ input> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a>
				</ Td>
			</ Tr>
		</ Table>
	</ Div>

pulsante Crea (pulsanti) 

	<id = "-pulsanti DLG" div>
		<Tabella 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')"> Salva </a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Chiudi </a>
				</ Td>
			</ Tr>
		</ Table>
	</ Div>

Si prega di notare che la finestra di dialogo (dialogo) barra degli strumenti (toolbar) e pulsanti (pulsanti) proprietà possono essere specificati anche il valore della stringa, in quanto fungerà da selettore per selezionare un elemento DIV appropriato e lo aggiunge alla barra degli strumenti (toolbar) o posizione pulsanti (pulsanti).

Scarica esempi jQuery EasyUI

jeasyui-win-dlg2.zip

Tutorial caldi

Contattaci

jQuery EasyUI finestra - una finestra di dialogo per personalizzare le barre degli strumenti e pulsanti
10/30