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
Post a Comment