مسج EasyUI القوائم والأزرار - إنشاء زر القائمة
يتضمن زر القائمة (زر القائمة) زر (زر) وعنصر القائمة (القائمة)، أو تحريك الماوس للنقر على زر سيتم عرض القائمة المقابلة.
لتحديد زر القائمة (زر القائمة)، يجب عليك تحديد زر الرابط (لينك زر) وقائمة (القائمة)، وفيما يلي مثال على ذلك:
<أسلوب الدرجة = "الخلفية: #fafafa؛ الحشو: 5px؛ العرض: 200px؛ الحدود: #CCC الصلبة 1PX"> <a href="#" class="easyui-menubutton" menu="#mm1" iconCls="icon-edit"> تعديل </a> <a href="#" class="easyui-menubutton" menu="#mm2" iconCls="icon-help"> مساعدة </a> </ div> <شعبة معرف = "MM1" على غرار = "العرض: 150px؛"> <div iconCls = "أيقونة التراجع"> تراجع </ div> <div iconCls = "أيقونة إعادته"> الإعادة </ div> <فئة الدرجة = "القائمة سبتمبر"> </ div> <div> قص </ div> <div> نسخ </ div> <div> لصق </ div> <فئة الدرجة = "القائمة سبتمبر"> </ div> <div iconCls = "أيقونة إزالة"> حذف </ div> <div> تحديد الكل </ div> </ div> <شعبة معرف = "MM2" على غرار = "العرض: 100px؛"> <div> مساعدة </ div> <div> تحديث </ div> <div> عن </ div> </ div>
وقد عرفت الآن زر القائمة (زر القائمة)، لا تحتاج لكتابة أي رمز جافا سكريبت.