تغيير محتوى التسمية اعتمادًا على حجم اللوحة
-
26-09-2019 - |
سؤال
مرة أخرى لدي سؤال. نظرًا لأنني أستخدم Google Web Toolkit (GWT) في العمل (إلى جانب Java Servlets) ، أقوم حاليًا بإنشاء واجهة مستخدم مع GWT (في Java).
لدي بعض المتاعب رغم ذلك. أنا أستخدم أ Splitlayoutpanel أيّ يحتوي على scrollpanel على اليسار وآخر على اليمين.
في Scrollpanel الأيسر هناك أ verticalpanel مع عدة علامات, الذي يختلف في عرضهم. ما أريد إنجازه ، هو: إذا كان نص التسمية غير مناسب في سطر واحد ، فيجب أن يعرض أكبر عدد ممكن من الأحرف ولديه "..." في النهاية, ، إذا لم يتم عرضه بالكامل.
أنا على وشك إضافة eventHandler customevent على الملصق ، والتي يمكن إطلاقها كلما احتاجت التسمية إلى تغيير محتواه. لكن المشكلة هي الآن ، أنني أحتاج إلى إطلاق الحدث كلما تم تغيير حجم ScrollPanel أو VerticalPanel الداخلي (عن طريق سحب splitlayoutpanel-splitter).
الآن السؤال: هل من الممكن تجاوز نوعًا من "onresize" -event أو على الأقل "onMousemove"-, ، حتى أتمكن من إطلاق "changelabelsize ()"-لكل تسمية داخل هذا العمودي؟
كيف يمكنني القيام بذلك؟ شكرا لكم جميعا على وقتك مقدما! من فضلك اطلب أي شيء غير واضح ، حتى أتمكن من توضيح ذلك.
مع أطيب التحيات ، إيغور.
المحلول
يمكن القيام بذلك بسهولة مع خاصية CSS text-overflow: ellipsis;
.
بدعم من IE7- و Safari و Konqueror.
ويمكن أن يكون محاكاة في Firefox.