Hi.
I've got the panel
Code:
Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [{
text: 'Name',
dataIndex: 'name'
},
{
text: 'Email',
dataIndex: 'email',
flex: 1
},
{
text: 'Phone',
dataIndex: 'phone'
}],
height: 200,
width: 400,
renderTo: Ext.getBody(),
viewConfig: {
emptyText: 'Something is wrong'
}
});
And the store:
Code:
Ext.create('Ext.data.Store', {
storeId: 'simpsonsStore',
fields: ['name', 'email', 'phone'],
data: {
'items': [{
'name': 'Lisa',
"email": "lisa@simpsons.com",
"phone": "555-111-1224"
},
{
'name': 'Bart',
"email": "bart@simpsons.com",
"phone": "555-222-1234"
},
{
'name': 'Homer',
"email": "home@simpsons.com",
"phone": "555-222-1244"
},
{
'name': 'Marge',
"email": "marge@simpsons.com",
"phone": "555-222-1254"
}]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
},
url: 'StoreUrl',
listeners: {
exception: function(proxy, response, operation) {
Ext.Msg.show({
title: 'Exception',
msg: response.statusText + response.status,
buttons: Ext.Msg.OK,
icon: Ext.Msg.ERROR
});
}
}
});
I want to set an emptyText (or just show it) when 'exception' is fired. Is it possible?