บทช่วยสอน เมนู jQuery EasyUI และปุ่ม - ปุ่มสร้างแยก ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ เมนู jQuery EasyUI และปุ่ม - ปุ่มสร้างแยก

เมนู jQuery EasyUI และปุ่ม - ปุ่มสร้างแยก

ปุ่ม Split (สปลิตปุ่ม) มีปุ่มเชื่อมโยง (เชื่อมโยงปุ่ม) และเมนู (เมนู) เมื่อผู้ใช้คลิกลูกศรลงหรือเลื่อนเมาส์ไปที่ภูมิภาคนี้จะแสดงเมนูที่เกี่ยวข้อง ตัวอย่างนี้แสดงให้เห็นถึงวิธีการสร้างและใช้ปุ่ม Split (สปลิตปุ่ม)

เราสร้างปุ่ม Split (สปลิตปุ่ม) และปุ่มเชื่อมโยง (ปุ่มลิงก์):

	<style Div = "border: # CCC 1px ของแข็งพื้นหลัง: #fafafa; padding: 5px; กว้าง: 120px;">
		<a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> แก้ไข </a>
		<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a>
	</ div>
	<div id = "mm" style = "width: 150px;">
		<div iconCls = "ไอคอนยกเลิก"> เลิกทำ </ div>
		<div iconCls = "ไอคอน-Redo"> ทำซ้ำ </ div>
		<ระดับ Div = "เมนู ก.ย. "> </ div>
		<div> ตัด </ div>
		<div> คัดลอก </ div>
		<div> วาง </ div>
		<ระดับ Div = "เมนู ก.ย. "> </ div>
		<div>
			<span> เปิด </ span>
			<style Div = "width: 150px;">
				<div> Firefox </ div>
				<div> Internet Explorer </ div>
				<ระดับ Div = "เมนู ก.ย. "> </ div>
				<div> เลือกโปรแกรม th. </ div>
			</ div>
		</ div>
		<div iconCls = "ไอคอนลบ"> ลบ </ div>
		<div> เลือกทั้งหมด </ div>
	</ div>

ขณะนี้มีการกำหนดปุ่ม Split (สปลิตปุ่ม) คุณไม่จำเป็นต้องเขียนโค้ดใด ๆ JavaScript

เมนู jQuery EasyUI และปุ่ม - ปุ่มสร้างแยก
10/30