Tutorial jQuery EasyUI menu dan tombol - tombol Buat menu Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari jQuery EasyUI menu dan tombol - tombol Buat menu

jQuery EasyUI menu dan tombol - tombol Buat menu

tombol menu (menu Button) meliputi tombol (tombol) dan menu (menu) komponen, atau memindahkan mouse untuk klik pada tombol akan menampilkan menu yang sesuai.

Untuk menentukan tombol menu (Menu Button), Anda harus menentukan tombol link (Link Button) dan menu (menu), berikut adalah contoh:

	<Div style = "background: #fafafa; padding: 5px; width: 200px; border: # ccc padat 1px">
		<a href="#" class="easyui-menubutton" menu="#mm1" iconCls="icon-edit"> Sunting </a>
		<a href="#" class="easyui-menubutton" menu="#mm2" iconCls="icon-help"> Bantuan </a>
	</ Div>
	<Div id = "MM1" style = "width: 150px;">
		<Div iconCls = "icon-undo"> Undo </ div>
		<Div iconCls = "icon-redo"> Redo </ div>
		<Class Div = "menu-September"> </ div>
		<Div> Cut </ div>
		<Div> Copy </ div>
		<Div> Paste </ div>
		<Class Div = "menu-September"> </ div>
		<Div iconCls = "icon-remove"> Hapus </ div>
		<Div> Pilih Semua </ div>
	</ Div>
	<Div id = "mm2" style = "width: 100px;">
		<Div> Bantuan </ div>
		<Div> Perbarui </ div>
		<Div> Tentang </ div>
	</ Div>

Kini didefinisikan tombol menu (Menu Button), Anda tidak perlu menulis kode javascript.

jQuery EasyUI menu dan tombol - tombol Buat menu
10/30