extjs - List not showing in card layout in 2.1.1 version. Working Perfectly in 2.0 version -


important: working in version 2.0 , not in 2.1.1

my app has 2 different tabs @ bottom (near by, search) both tab use same list given below. both nearby , search use card layout, difference in near list in first card , search list in second card

i trying last 2 day , no progress in this. please me

ext.define('churchlookup.view.churchlist', { extend: 'ext.list', xtype: 'churchlist',   config: {     title: 'zip code',     cls: 'x-contacts',     grouped: true,     store: 'churches',     itemtpl:     [         '<div class="headshot" style="background-image:url(resources/images/church-type-logo/{icon}.png);"></div>',         '{name}, {city}',         '<span>{phone} / {email}</span>'     ].join('') }}); 

for near when tab clicked list displayed inside tab panel. working , can see list.

near card code

ext.define('churchlookup.view.nearby', {     extend: 'ext.panel',     xtype: 'nearbycard',     config:     {         iconcls: 'locate',         title: 'near by',         scrollable: 'vertical',         layout:         {               type: 'card',               animation:             {                 type: 'pop',                 duration: 500,             }         },         items:         [             {                 docked: 'top',                 xtype: 'titlebar',                 title: 'near churches',                 items:                 [                     {                         itemid: 'btnbacknearby',                         text: "back",                         ui: "back",                         hidden: true,                         action:  'onbacknearby'                     }/*,                     {                         itemid: 'btnhomesettings',                         iconmask:true,                         iconcls: 'settings',                         ui:      'border',                         align:   'right',                         action:  'pinghomebadge'                     }*/                 ]             },             {                 xtype: 'churchlist'             },             {                 xtype: 'churchdetailsnearby'             }         ],         listeners:         [             {                 delegate: "#btnhomesettings",                 event: "tap",                 fn: "onhomescreensettings"             },             {                 delegate: "#btnbacknearby",                 event: "tap",                 fn: "onbacknearby"             }         ]     },     onhomescreensettings: function ()     {         this.fireevent("homescreensettings", this);     },     onbacknearby: function ()     {         this.fireevent("onbacknearby", this);     } }); 

but search when click "search" tab show card layout 2 card. frist card search form , second card list. when user fill form , click search button load store , change card layout show list. card layout showing second page not list.

search tab code

ext.define('churchlookup.view.search', {     extend: 'ext.panel',     xtype: 'searchcard',     config:     {         iconcls: 'search',         title: 'search',           scrollable: 'vertical',         layout:         {               type: 'card',               animation:             {                 type: 'pop',                 duration: 500,             }         },         items:         [             {                 docked: 'top',                 xtype: 'titlebar',                 title: 'search church',                 items:                 [                     {                         itemid: 'btnbacksearch',                         text: "back",                         ui: "back",                         hidden: true,                         action:  'onbacksearch'                     }/*,                     {                         itemid: 'btnhomesettings',                         iconmask:true,                         iconcls: 'settings',                         ui:      'border',                         align:   'right',                         action:  'pinghomebadge'                     }*/                 ]             },             {                 xtype: 'searchform'             },             {                 xtype: 'favouritecard'             },             {                 xtype: 'churchdetailssearch'             }         ],         listeners:         [             {                 delegate: "#btnhomesettings",                 event: "tap",                 fn: "onhomescreensettings"             },             {                 delegate: "#btnbacksearch",                 event: "tap",                 fn: "onbacksearch"             }         ]     },     onhomescreensettings: function ()     {         this.fireevent("homescreensettings", this);     },     onbacksearch: function ()     {         this.fireevent("onbacksearch", this);     } }); 

maybe height problem.

is 'churchdetailssearch' same 'churchlist' ?

if churchdetailssearch' has toolbar or set layout :'vbox' 'churchdetailssearch', , add list of 'churchdetailssearch' flex : 1.

maybe useful page. explain how scrollable list use dynamic height without fixed height


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -