1. Rumah
  2. jQuery EasyUI window - membuat dialog

Tutorial jQuery EasyUI window - membuat dialog Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

jQuery EasyUI window - membuat dialog

Dialog (Dialog) adalah jendela khusus (window), dapat dimasukkan dalam tool bar di bagian atas dan di bagian bawah tombol. Secara default, kotak dialog (Dialog) tidak dapat diubah ukurannya, namun pengguna dapat mengatur properti resizable benar, itu dapat mengubah ukuran.

Buat dialog (Dialog)

Dialog (Dialog) sangat sederhana, Anda dapat membuat tag dari DIV, sebagai berikut: 

	<Div id = "dd" class = "easyui-dialog" style = "padding: 5px; width: 400px; height: 200px;"
			title = "Dialog saya" iconCls = "icon-ok"
			toolbar = "# dlg-toolbar" tombol = "# dlg-tombol">
		Konten dialog.
	</ Div>

Siapkan toolbar (Toolbar) dan tombol (Button) 

	<Div id = "dlg-toolbar">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Tambahkan </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> bintang </a>
	</ Div>
	<Div id = "dlg-tombol">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')"> Ok </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Batal </a>
	</ Div>

Kode di atas kita membuat sebuah dialog dengan toolbar (toolbar) dan tombol (tombol) dari (dialog). Ini adalah kotak dialog (dialog), toolbar (toolbar), konten (isi) dan tombol standar (tombol).

Ambil jQuery EasyUI contoh

jeasyui-win-dlg1.zip

Tutorial Panas

Hubungi kami

jQuery EasyUI window - membuat dialog
10/30