في الآونة الأخيرة ، قمت بتغيير مشروع كتبته من قبل لاستخدام Easyi كواجهة أمامية. واجهت العديد من المشاكل في هذه العملية. واحد منهم هو أن DataGrid لا يمكن وضعه بشكل جيد. لقد فكرت في العديد من الطرق ولدي قيود محدودة. أخيرًا ، فكرت فيما إذا كانت مشكلة تخطيط. بعد الممارسة ، تم حل المشكلة أخيرًا.
1: على سبيل المثال ، يتم استخدام DataGrid في المشروع. إذا كانت الواجهة أكثر بساطة - فهناك بيانات بيانات واحدة فقط ، فما عليك سوى تعيين سمة ملائمة للتكيف تلقائيًا مع النموذج. إذا كان هناك divs أخرى فوق بيانات DataGrid ، فلن يتكيف DataGrid تلقائيًا مع النموذج. إذا قمت بالتحقق من أن DataGrid لديه عناصر تحكم في الترحيل ، فلن تتمكن من رؤية عناصر التحكم في الترحيل. في هذا الوقت ، يجب استخدام Easyi-Layout لفصل النموذج لوضع المحتوى المحدد في أجزاء مختلفة من Easyi-Layout. هذا سوف يحل المشكلة التكيفية بشكل جيد للغاية.
الرمز كما يلي:
نسخة الكود كما يلي: <divdata-options = "fit: true">
<div data- options = "region: 'north'" style = "height: 100px">
<table id = "part1"> </table>
</div>
<div data- options = "region: 'center'">
<table id = "part2"> </table>
</div>
</div>
2: easyui-layout على أساس علامة الجسم. عندما يتغير حجم نافذة المتصفح ، يمكن أن يعدل Easyui-Layout حجمه وفقًا لحجم النافذة. easyui-layout على أساس علامات div. إذا كنت ترغب في الحصول على الوظائف المذكورة أعلاه ، فيجب عليك تعيين خاصية Easyui-Layout التي تتوافق مع True.
الحالة 1:
انسخ الرمز على النحو التالي: <Body>
<div data- options = "region: 'north'" style = "height: 100px">
<table id = "part1"> </table>
</div>
<div data- options = "region: 'center'">
<table id = "part2"> </table>
</div>
</div>
الحالة 2:
نسخة الكود كما يلي: <divdata-options = "fit: true">
<div data- options = "region: 'north'" style = "height: 100px">
<table id = "part1"> </table>
</div>
<div data- options = "region: 'center'">
<table id = "part2"> </table>
</div>
</div>
3: عند تحديد Easyi في HTML ، فإن طريقتان الكتابة التالية هما هي نفسها. أي أنه يمكن كتابة خصائص التحكم Easyi في خاصية DataOptions ، أو يمكن كتابة هذه الخصائص على العلامة.
طريقة الكتابة 1:
نسخة الكود كما يلي: <divdata-options = "fit: true">
<div data- options = "region: 'north'" style = "height: 100px">
<table id = "part1"> </table>
</div>
<div data- options = "region: 'center'">
<table id = "part2"> </table>
</div>
</div>
طريقة الكتابة 2:
انسخ الرمز كما يلي: <divfit = "true">
<region region = "north" style = "الارتفاع: 100px ؛">
<table id = "part1"> </table>
</div>
<region div = "center">
<table id = "part2"> </table>
</div>
</div>
ما سبق هو كل محتوى محتوى Easyui القابل للتكيف للغاية. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.