إكستجس 4.1 كيفية تغيير ارتفاع رأس لوحة الشبكة

Question

أريد تغيير تحويلة.الشبكة.ارتفاع رأس اللوحة.

يتم تعيين ارتفاع رأس لوحة الشبكة بالقوة عند 28 بكسل.

1. لا توجد إعدادات ساس
2. لم التكوين رأس على لوحة لا تعمل بالنسبة لي
3. يبدو أن تعديل ارتفاع أعمدة الشبكة يعمل عند التكوين < 28 بكسل.يبدو أن 28 بكسل هو الحد الأدنى.

هذا ما لدي حتى الآن (وهو يعمل) ، لكنني لا أحب الحل.

Ext.define('Ext.grid.Panel', {
    listeners: {
        beforerender: function (cmp, eOpts) {
            cmp.headerCt.setHeight(25);
        }
    }
});

بالإضافة إلى ذلك ، يبدو أن رؤوس الأعمدة ثابتة عند 28 بكسل أيضا.لن يؤدي تعيين ارتفاع الرأس إلى 25 إلى تعيين رأس العمود إلى 25.تحتاج إلى تجاوز ذلك أيضا في سس / كس.وإلا ستعرض قوائم رأس العمود ارتفاع 28 بكسل.

.x-column-header
{
    height: 25px;
}

هذا الحل لا يعمل:إذا قمت بسحب رؤوس الأعمدة ، وتغيير موضع فهرس العمود ، فسوف ينكسر -.-

التوصيات?

Answer 1

لتعيين ارتفاع رؤوس الأعمدة، يجب عليك ضبط الارتفاع بعد تجميعه.مرة أخرى، لا تعمل قيمة الارتفاع لتكوين العمود لتعيين الارتفاع <28، ولكن يعمل> 28.

لقد وجدت أن تعديل الارتفاع بعد تجميع يحدد بشكل صحيح الارتفاع ويسمح للأعمدة بحيث تكون مهمة (كل شيء يعمل كما ينبغي). giveacodicetagpre.

لا يمكن حل بلدي استخدام هذا لأنني أقوم بإنشاء شبكة ديناميكية.في الجزء الديناميكي من الشبكة، أستخدم Grid.Reconfigure ()؛- هناك عن طريق تدمير أي شيء تم إنشاؤه على دولة Beforererender. giveacodicetagpre.

وظيفة إعادة تكوين الحرائق بعد إعادة التكوين لذلك هذه هي الطريقة التي حصلت عليها حول إعادة تكوين الشبكة الديناميكية.

Answer 2

يمكنك أيضا استخدام ساس الأنماط الفرعية لهذا غريدبانيل وتعيين التكوين ' واجهة المستخدم:

إضافة ui:'custom-height-item' إلى التكوين الخاص بك

@include extjs-panel-ui(
    'custom-height-item',
    $ui-header-line-height: 28px,
    $ui-header-padding: 2px;
    )