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