Extjs7.0.0——Store篇
store 是前端用来接收后台响应的对象。
1. Store 的创建方式
1.1 方式一 (Hard Code)
//创建一个Store 对象
Ext.create('Ext.data.Store', {
// Store 的名字
storeId: "simpsonsStore",
//字段名称
fields: ['name', 'email', 'phone'],
// 默认数据
data: [{
'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"
}]
});
例子:
//创建一个Store 对象
Ext.create('Ext.data.Store', {
// Store 的名字
storeId: "simpsonsStore",
//字段名称
fields: ['name', 'email', 'phone'],
// 默认数据
data: [{
'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"
}]
});
let columns = [{
text: 'Name',
dataIndex: 'name',
flex: 1
}, {
text: 'Email',
dataIndex: 'email',
flex: 1
}, {
text: 'Phone',
dataIndex: 'phone',
flex: 1
}];
let grid = Ext.create('Ext.grid.Grid', {
title: &

最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



