เมนู jQuery EasyUI และเครื่องมือที่ปุ่ม - ปุ่มเมนู Menubutton
ปลั๊กอิน jQuery EasyUI
ยื่นออกมาจาก $ .fn.linkbutton.defaults โดย $ .fn.menubutton.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
ปุ่มเมนู (menubutton) เป็นส่วนหนึ่งของเมนูแบบเลื่อนลง มันเชื่อมโยงปุ่ม (linkbutton) และ (เมนู) เมนูที่เกี่ยวข้อง แสดงปุ่มลิงก์ (linkbutton) เมนูที่ซ่อนอยู่ (เมนู) เมื่อผู้ใช้คลิกลิงก์หรือย้ายปุ่มเมาส์ (linkbutton) บนก็จะแสดงเมนู (เมนู) เพื่อให้ผู้ใช้คลิกที่เมนู
วางใจ
- เมนู
- linkbutton
การใช้
โดยปกติแล้วปุ่มเมนู (menubutton) สร้าง declaratively จากแท็ก
<a href = "javascript: void (0)" id = "MB" class = "easyui-menubutton" ข้อมูลตัวเลือก = "เมนู '# มม' iconCls: ไอคอน 'แก้ไข'"> แก้ไข </a> <div id = "mm" style = "width: 150px;"> <div ข้อมูลตัวเลือก = "iconCls: 'ไอคอนยกเลิก'"> เลิกทำ </ div> <div ข้อมูลตัวเลือก = "iconCls: 'ไอคอนทำซ้ำ'"> ทำซ้ำ </ div> <ระดับ Div = "เมนู ก.ย. "> </ div> <div> ตัด </ div> <div> คัดลอก </ div> <div> วาง </ div> <ระดับ Div = "เมนู ก.ย. "> </ div> <div ข้อมูลตัวเลือก = "iconCls: 'ไอคอนลบ'"> ลบ </ div> <div> เลือกทั้งหมด </ div> </ div>
ใช้ JavaScript ในการสร้างปุ่มเมนู (menubutton)
<a href="javascript:void(0)" id="mb"> แก้ไข </a> <div id = "mm" style = "width: 150px"> ... </ div>
$ ( '# Mb'). Menubutton ({ iconCls: ไอคอน 'แก้ไข' เมนู '#mm' });
คุณสมบัติ
สถานที่ยื่นออกมาจากปุ่มลิงก์ (linkbutton) ต่อไปนี้เป็นปุ่มเมนู (menubutton) เพิ่มคุณสมบัติ
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | true |
menu | string | 用于创建对应菜单(menu)的选择器。 | null |
duration | number | 当悬停在按钮上时,以毫秒为单位定义的,显示菜单(menu)的持续时间。 | 100 |
ทาง
วิธีการรับมรดกมาจากปุ่มลิงก์ (linkbutton) ต่อไปนี้เป็นปุ่มเมนู (menubutton) เพิ่มขึ้นหรือแทนที่วิธีการ
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
disable | none | 禁用菜单按钮(menubutton)。 |
enable | none | 启用菜单按钮(menubutton)。 |
destroy | none | 销毁菜单按钮(menubutton)。 |
ปลั๊กอิน jQuery EasyUI