مسج EasyUI القوائم وأزرار - زر إنشاء رابط
في ظل الظروف العادية، واستخدام <زر> عنصر لإنشاء زر، زر وصلة (وصلة زر) هو استخدام <A> عنصرا لخلق. لذلك هذا هو في الواقع زر الرابط (لينك زر) يتم عرض كنمط زر <A> العناصر.
لإنشاء زر الرابط (لينك زر)، كل ما عليك القيام به هو إضافة ملف يسمى "easyui-linkbutton" سمة فئة ل<A> عناصر هي:
<أسلوب الدرجة = "الحشو: 5px؛ الخلفية: #fafafa، العرض: 500px؛ الحدود: #CCC الصلبة 1PX"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> الغاء </A> <a href="#" class="easyui-linkbutton" iconCls="icon-reload"> تجديد </A> <a href="#" class="easyui-linkbutton" iconCls="icon-search"> سؤال </A> <a href="#" النص class="easyui-linkbutton"> زر </A> <a href="#" class="easyui-linkbutton" iconCls="icon-print"> طباعة </A> </ div> <أسلوب الدرجة = "الحشو: 5px؛ الخلفية: #fafafa، العرض: 500px؛ الحدود: #CCC الصلبة 1PX"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> الغاء </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload"> تجديد </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search"> سؤال </A> <a href="#" class="easyui-linkbutton" plain="true"> نص الزر </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print"> طباعة </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save"> </A> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back"> </A> </ div>
كما ترون، والملكية iconCls هي رمز لأسلوب الطبقة المغلق، فإنه يعرض صورة رمز على زر.
أحيانا تحتاج إلى تعطيل زر الرابط (لينك زر) أو تمكينه، يظهر التعليمة البرمجية التالية كيفية تعطيل زر الرابط (لينك زر):
$ (محدد) .linkbutton ( 'تعطيل')؛ // استدعاء الأسلوب "تعطيل"