Sencha Touch Аккордеонные товары пусто - PullRequest
Новая
       22

Sencha Touch Аккордеонные товары пусто

1 голос
/ 06 марта 2012

Я использую Аккордеонную Компоновку для Sencha Touch 1.0.1 из git-ссылки Mitchell Simoens: https://github.com/mitchellsimoens/Ext.layout.AccordionLayout

Я хочу поместить панель формы в один из элементов аккордеона. Но хотя HTML в formPanel показывает, когда я добавляю элементы на панель, он становится пустым.

Помогите пожалуйста !!

Мой код: 

var formp = new Ext.form.FormPanel({
scroll : "vertical",
title : "List Test",
//    scrollable : true,
items : [
    {
        xtype : 'textfield',
        label : 'hello',
        id : 'hello',
        name : 'hello'
    }
  ]
});
 var panel = new Ext.Panel({
        fullscreen : true,
        scroll     : "vertical",
        layout     : {
            type :  "accordion"
        },
                    minHeight : 300,
        items: [
            { xtype : "panel", title : "One Title",   html : "One"   },
            list,
            { xtype : "panel", title : "Three Title", html : "Three" },
            { xtype : "panel", title : "Four Title",  html : "Four"  },
            { xtype : "panel", title : "Five Title",  html : "Five"  },
            { xtype : "panel", title : "Six Title",   html : "Six"   }
        ]
    });

1 Ответ

0 голосов
/ 12 марта 2012

Я обновил эту библиотеку, чтобы исправить некоторые проблемы, с которыми я столкнулся при работе с этим макетом, поэтому вы можете проверить, решает ли это вашу проблему

http://pastebin.com/fGRMBMfn

Обновление: 

new Ext.Application({
    launch : function() {
        var panel = new Ext.Panel({
                fullscreen : true,
                scroll     : "vertical",
                layout     : {
                    type :  "accordion"
                },
                minHeight : 300,
                renderTo : Ext.getBody(),
                items: [
                    { xtype : "panel", title : "One Title",   html : "One"   },
                    { xtype : "panel", title : "Three Title", html : "Three" },
                    { xtype : "panel", title : "Four Title",  html : "Four"  },
                    { xtype : "panel", title : "Five Title",  html : "Five"  },
                    { xtype : "panel", title : "Six Title",   html : "Six"   }
                ]
            });
    }
});
...