PDA

View Full Version : Store disappear after sencha app build.



erann
20 Sep 2014, 3:20 AM
I have an application with grid and paging , when I run my web app I create a store and then assign it to the grid on the view define and everything works fine (grid works with paging).

After I run sencha app build , The grid and the paging don't have the store binded and I have to manually re bind them in the code.


var polySearchStore = Ext.create('GIS.store.Polygons', {
storeId: 'polygonStore',
pageSize: itemsPerPage
});

Here I define the grid :



Ext.define('GIS.view.PolygonGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.userlist',
id: 'gridList',
store: polySearchStore, // same store GridPanel is using
columns: [
{
dataIndex: 'clock',
flex: 1,
editor: 'textfield'
},
{
dataIndex: 'name',
flex: 1
}
],
listeners: {
itemclick: function (grid, record, item, index, e) {
searchLayer.removeAllFeatures();
res = grid.getSelectionModel().getSelection();
wkt = new OpenLayers.Format.WKT();
feature = new OpenLayers.Feature.Vector(OpenLayers.Geometry.fromWKT(res[0].get('geom')).transform(epsg4326, epsg900913));
feature = feature.clone();
searchLayer.addFeatures([feature]);
map.zoomToExtent(searchLayer.getDataExtent());
Ext.getCmp("frmSearchPolygon").close();
}
},
dockedItems: [{
xtype: 'pagingtoolbar',
id: 'polygonGridPaging',
store: polySearchStore, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}],
initComponent: function () {
this.callParent(arguments);
}
});

Here I define the search form with the grid result on bottom:


Ext.define('GIS.view.PolygonSearch', {
title: tr("Search Polygon"),
extend: 'Ext.window.Window',
id: 'frmSearchPolygon',
width: 500,
closable: true,
resizable: false,
draggable: true,
items: [
{
xtype: "form",
border: false,
bodyPadding: 5,
buttonAlign: "center",
items: [
{
xtype: "radiogroup",
id: "radiogroup",
fieldLabel: tr("Choose"),
columns: 1,
vertical: true,
items: [
{
xtype: "container",
layout: "hbox",
items: [
{
xtype: "radio",
boxLabel: tr("Clock"),
checked: true,
width: 90,
name: "rb",
id: "rb1",
inputValue: "1"
},
{ xtype: "splitter" },
{
xtype: "textfield",
name: "rbtnClock",
listeners: {
focus: {
fn: function (that, e, eOpts) {
Ext.getCmp('rb1').setValue(true);
},
scope: this
}
}

}]
},
{
xtype: "container",
layout: "hbox",
hidden: false,
items: [{}]
},
{
xtype: "container",
layout: "hbox",
items: [{
xtype: "radio",
boxLabel: tr("Name"),
width: 90,
name: "rb",
id: "rb2",
inputValue: "2"
}, {
xtype: "splitter"
}, {
xtype: "textfield",
name: "rbtnName",
listeners: {
focus: {
fn: function (that, e, eOpts) {
Ext.getCmp('rb2').setValue(true);
},
scope: this
}
}
}]
}
]
}

],
buttons: [{
text: tr("Search"),
formBind: true,
disabled: true,
handler: function (b, e) {
var form = this.up('form').getForm();
if (form.isValid()) {

clock = "";
name = "";
if (form.getValues().rb == 1) {
clock = form.getValues().rbtnClock;
}
else {
name = form.getValues().rbtnName;
}

store = Ext.getCmp('gridList').getStore();
store.load({ params: { code: params.code, clock: clock, name: name, limit: itemsPerPage} });
//polySearchStore.load({ params: { code: params.code, clock: clock, name: name, limit: itemsPerPage} });
}
}
}]
}
,
{
xtype: 'userlist'
}
]
})

And this is how I rebind the store :


wSearchPolygon = Ext.create("GIS.view.PolygonSearch");
Ext.getCmp('gridList').bindStore(polySearchStore);
Ext.getCmp('polygonGridPaging').bindStore(polySearchStore);

So... Why after sencha app build I need to rebind while before the build the code works fine ?

slemmon
1 Oct 2014, 10:48 PM
Hi,

Does your application work as expected in dev? If so, when working in dev do you see any warnings in the browser dev tools console? Particularly "synchronous class loaded" warnings?