EXT JS إلى تخطيط في إطار العرض لا تظهر أي شيء

Question

وبعد قراءة العديد من سبيل المثال حول إضافة مكونات جديدة إلى الحاويات الموجودة دون إعادة كامل الصفحة أركض في لمشكلة صغيرة في حين يجمع بين شجرة وعلامات داخل عنصر العرض.

ما أحاول القيام به هو التسجيل على الحدث انقر فوق إلى عقدة شجرة وتحميل في لمحتوى عنصر جديد الحاويات، وهذا يتوقف على نوع عقدة يمكن أن يكون tabpanel، gridpanel أو أي مكون آخر متاح.

وهنا مثال قصيرة من وجوه شجرة:

{
    xtype: 'treepanel',
    id: 'tree-panel',
    listeners: {
        click: function(n) {

            var content = Ext.getCmp('content-panel');

            content.setTitle(n.attributes.qtip);

            //remove all components from content-panel
            content.removeAll();

            content.add(dummy_tabs2);

            content.doLayout();

            return;
        }
    }
}

جميع التلاعب DOM ذهب على ما يرام، كل شيء مسجل بشكل صحيح، عنوان جديد تظهر، ولكن dummy_tabs2 لا تظهر. أنا لم محاولة لتعيين خصائص مختلفة لdoLayout (صحيح | كاذبة، صحيح | كاذبة). ولكن لا يحدث شيء

وأفعل شيئا خاطئا؟

Answer 1

والآن يمكنني الحصول عليه، DOM يعمل بشكل جيد ولكن EXTJS تطبيق عرض الممتلكات خفية لعناصر التي تم إدراجها حديثا. ذلك ما تبقى القيام به هو تطبيق عرض وظيفة () لعنصر الجديد. سوف معلمات أكثر كود تبدو مثل هذا:

{
  xtype: 'treepanel',
  id: 'tree-panel',
  listeners: {
    click: function(n) {

    var content = Ext.getCmp('content-panel');

    content.setTitle(n.attributes.qtip);

    //remove all components from content-panel
    content.removeAll();

    var container = content.add(dummy_tabs2);

    content.doLayout();

    container.show();

    return;
    }
}}

Answer 2

وحاول لضبط العرض والارتفاع dummy_tabs2 قبل doLayout. تفقد مع الحرائق، وربما الفريق هو هناك ولكن لا يمكنك أن ترى.

ومقروءة Ext.Panel في API .

<اقتباس فقرة>   

عند إما تحديد العناصر التابعة لل   لوحة، أو إضافة حيوي   مكونات لوحة، وتذكر ل   النظر في الطريقة التي يرغب الفريق   ترتيب تلك العناصر الطفل، و   ما إذا كانت تلك العناصر التابعة تحتاج إلى   يكون الحجم باستخدام أحد المدمج في تحويلة ل   تخطيط مشاريع. افتراضيا، واستخدام لوحات   مخطط ContainerLayout. هذه   ببساطة يجعل مكونات الطفل،   إلحاق منهم واحدا تلو الآخر   داخل حاوية، ولا   تطبيق أي التحجيم على الإطلاق.

وهذا الأمل سوف يساعد.