Ext.tab.Panel에서 Ext.dataview.List 사용하기

Ext.tab.Panel에서 

Ext.dataview.List를 사용하기 위해서는  container의 layout 속성을 "fix"으로 설정해 주어야 내용이 출력된다.

 {

                xtype: 'container',

                layout: 'fit',

                title: '지역설정',

                iconCls: 'more',

                items:

                [

                    {

                        docked: 'top',

                        xtype: 'titlebar',

                        title: '지역설정'

                    },

                    {

                        xtype: 'list',

                        data:

                        [

                            { rowID: 1, regionName: '서울특별시' },

                            { rowID: 2, regionName: '경기도' },

                            { rowID: 3, regionName: '충청남도' },

                            { rowID: 4, regionName: '충청북도' },

                            { rowID: 5, regionName: '전라남도' },

                            { rowID: 6, regionName: '전라북도' },

                            { rowID: 7, regionName: '제주도' }

                        ],

                        itemTpl: "{regionName}"

                    }

                ]

            }