Code:
SL.views.mainDocuments = new Ext.form.FormPanel({
id: 'mainDocuments',
items: [
{
xtype: 'fieldset',
items: [
{
xtype: 'selectfield',
name: 'selectwad',
label: 'Area',
store: docAMStore,
displayField: 'area',
valueField: 'area',
listeners: {
change: function() {
var fl = SL.views.mainDocuments.getValues();
docDestinyStore.setProxy({
type: 'scripttag',
url: address+'/documents.aspx?e='+exporter+consignee+'&model=0&t='+type+'&a='+fl.selectwad,
reader: {
type: 'json',
root: 'items'
}
});
SL.views.mainDocuments.items.get(1).items.get(0).enable();
SL.views.mainDocuments.items.get(1).items.get(0).reset();
SL.views.mainDocuments.items.get(2).items.get(0).reset();
SL.views.mainDocuments.items.get(2).items.get(0).disable();
docDestinyStore.load();
SL.views.mainDocuments.items.get(1).items.get(0).setValue('');
}
}
}
]
},
{
xtype: 'fieldset',
items: [
{
xtype: 'selectfield',
name: 'selectdd',
label: 'Destiny',
store: docDestinyStore,
disabled: true,
displayField: 'Destiny',
valueField: 'Destiny',
listeners: {
change: function() {
var fl = SL.views.mainDocuments.getValues();
docVesselStore.setProxy({
type: 'scripttag',
url: address+'/documents.aspx?e='+exporter+consignee+'&model=00&t='+type+'&a='+fl.selectwad+'&d='+fl.selectdd,
reader: {
type: 'json',
root: 'items'
}
});
SL.views.mainDocuments.items.get(2).items.get(0).enable();
SL.views.mainDocuments.items.get(2).items.get(0).reset();
docVesselStore.load();
SL.views.mainDocuments.items.get(2).items.get(0).setValue('');
}
}
}
]
},
{
xtype: 'fieldset',
items: [
{
xtype: 'selectfield',
name: 'selectvd',
label: 'Vessel',
store: docVesselStore,
disabled: true,
displayField: 'motonave',
valueField: 'motonave'
}
]
},
{
xtype: 'button',
text: 'Search',
ui: 'confirm',
handler: function() {
var frm = SLs.views.mainDocuments.getValues();
Ext.getBody().mask('Loading...', 'x-mask-loading', false);
documentsStore.setProxy({
type: 'scripttag',
url: address+'/documents.aspx?e='+exporter+consignee+'&model=000&t='+type+'&a='+frm.selectwad+'&m='+frm.selectvd+'&d='+frm.selectdd,
reader: {
type: 'json',
root: 'items'
}
});
documentsStore.load();
SL.views.viewport.setActiveItem(SercoLogistics.views.documentsListContainer, { type: 'slide', direction: 'left'});
SL.views.documentsList.scroller.scrollTo({x:0, y:0});
Ext.getBody().unmask();
}
}
],
dockedItems: [
SL.views.mainDocumentsTopBar,
SL.views.mainDocumentsBottomBar
]
});
Tips: -The data return by json is correct