مسج EasyUI تخطيط - حيوي إضافة علامات تبويب (علامات)
علامات يمكن أن تضاف بسهولة باستخدام مسج EasyUI. تحتاج فقط إلى استدعاء الأسلوب "إضافة" يمكن أن يكون.
في هذا البرنامج التعليمي، سوف نستخدم IFRAME حيوي إضافة علامات لعرضها على الصفحة. عند النقر فوق الزر إضافة، ستضاف علامة تبويب جديدة. إذا كانت علامة التبويب موجود بالفعل، سيتم تفعيلها.
الخطوة 1: إنشاء علامات التبويب
<div النمط = "هامش القاع: 10px"> <a href="#" class="easyui-linkbutton" onclick="addTab('google'،'http://www.google.com')"> جوجل </A> <a href="#" class="easyui-linkbutton" onclick="addTab('jquery'،'http://jquery.com/')"> مسج </A> <a href="#" class="easyui-linkbutton" onclick="addTab('easyui'،'http://jeasyui.com/')"> easyui </A> </ div> <شعبة معرف = "ترينيداد وتوباغو" الطبقة = "easyui علامات التبويب" على غرار = "العرض: 400px؛ الطول: 250px؛"> <لقب الدرجة = "الوطن"> </ div> </ div>
الكود هو بسيط جدا، أنشأنا لوحة علامات مع التبويب "الصفحة الرئيسية" ل. يرجى ملاحظة أننا لسنا في حاجة لكتابة أي رمز شبيبة.
خطوة 2: تنفيذ الدالة 'addTab "
addTab وظيفة (العنوان، عنوان) { إذا ($ ( '# ترينيداد وتوباغو). علامات التبويب (' موجود '، العنوان)) { $ ( '# ترينيداد وتوباغو') علامات ( 'اختر'، العنوان)؛ } {شيء آخر محتوى فار = '<IFRAME التمرير = "تلقائي" frameborder = "0" SRC = "" + رابط + "على غرار =" العرض: 100٪؛ الطول: 100٪؛ "> </ iframe> حفظ'؛ $ ( '# ترينيداد وتوباغو). علامات التبويب (' إضافة '، { العنوان: العنوان، المحتوى: المحتوى، محكمة السد: صحيح })؛ } }
نحن نستخدم طريقة 'موجود' لتحديد ما إذا كانت علامة التبويب موجود بالفعل، إذا كان موجودا التبويب تفعيلها. إذا لم يكن هناك دعوة إلى أسلوب "إضافة" لإضافة لوحة علامة تبويب جديدة.