تخطيط مسج EasyUI - خلق الحدود للتخطيط الصفحة
تخطيط الحدود (تخطيط الحدود) يقدم خمس مناطق: الشرق والغرب والشمال والجنوب والوسط. وفيما يلي بعض الاستخدامات الشائعة:
- ويمكن استخدام منطقة شمال لعرض الموقع لافتات.
- يمكن استخدام منطقة جنوب لعرضه حقوق التأليف والنشر وبعض التعليمات.
- يمكن استخدام منطقة غرب لعرض قائمة الملاحة.
- ويمكن استخدام منطقة شرق لعرض بعض المواد الترويجية.
- يمكن استخدام منطقة وسط لعرض المحتوى الرئيسي.
لتطبيق تخطيط (تخطيط)، يجب عليك تحديد تخطيط (تخطيط) حاوية، ومن ثم تحديد بعض المناطق. تخطيط (تخطيط) يجب أن تتطلب منطقة مركزية على الأقل، وفيما يلي تخطيط (تخطيط) مثال:
<div الطبقة = "تخطيط easyui" على غرار = "العرض: 400px؛ الطول: 200px؛"> <المنطقة شعبة = "الغرب" تقسيم = "الحقيقي" عنوان = "المستكشف" على غرار = "العرض: 150px؛"> <P النمط = "الحشو: 5px؛ هامش: 0؛"> اختر اللغة: </ P> <UL> <لي> <a href="javascript:void(0)" onclick="showcontent('java')"> جافا </A> </ لى> <لي> <a href="javascript:void(0)" onclick="showcontent('cshape')"> C # </A> </ لى> <لي> <a href="javascript:void(0)" onclick="showcontent('vb')"> VB </A> </ لى> <لي> <a href="javascript:void(0)" onclick="showcontent('erlang')"> إرلانج </A> </ لى> </ UL> </ div> <شعبة معرف = "المحتوى" المنطقة = "مركز" عنوان = "اللغة" على غرار = "الحشو: 5px؛"> </ div> </ div>
ونحن إنشاء <div> حاوية مع تخطيط الحدود (تخطيط الحدود)، تخطيط (تخطيط) للحاوية وتقطع إلى جزأين، اليسار هو الملاحة القائمة على اليمين هو المحتوى الرئيسي.
وأخيرا، ونحن نكتب معالج الحدث onClick لاسترداد البيانات، وظيفة "showcontent" بسيطة جدا:
showcontent وظيفة (اللغة) { . $ ( '# المحتوى') أتش تي أم أل ( 'مقدمة إلى' 'اللغة' + اللغة +)؛ }