Extjs4 Extjs:单击按钮后加载网格
我有一张有网格的表格。网格值从存储中加载,但在按钮单击事件后将加载存储。所以问题是网格试图在加载存储之前加载值Extjs4 Extjs:单击按钮后加载网格,extjs4,Extjs4,我有一张有网格的表格。网格值从存储中加载,但在按钮单击事件后将加载存储。所以问题是网格试图在加载存储之前加载值 Ext.onReady(function() { var rowEditing = Ext.create('Ext.grid.plugin.RowEditing'); Ext.define('userList', { extend: 'Ext.data.Model', fields: [ {
Ext.onReady(function() {
var rowEditing = Ext.create('Ext.grid.plugin.RowEditing');
Ext.define('userList', {
extend: 'Ext.data.Model',
fields: [
{
name: 'id',
mapping: 'id'
},
{
name: 'name',
mapping: 'name'
}
]
});
store = Ext.create('Ext.data.Store', {
model: 'userList',
autoLoad: true,
proxy: {
type: 'ajax',
reader: {
type: 'json',
root: 'Users'
}
}
});
var searchUsers = new Ext.FormPanel({
renderTo: "searchUsers",
frame: true,
title: 'Search Users',
bodyStyle: 'padding:5px',
width: 900,
items: [
{
xtype:'textfield',
fieldLabel: 'Username',
name: 'userName'
},
{
xtype: 'button',
text: 'Search',
listeners: {
click: function() {
store.getProxy().url = url+'/lochweb/loch/users/getUser';
store.load();
}
}
},
grid = Ext.create('Ext.grid.Panel', {
id: 'userGrid',
width: 900,
height: 300,
frame: true,
store: store,
iconCls: 'icon-user',
columns: [
{
text: 'ID',
width: 40,
sortable: true,
dataIndex: 'id'
},
{
text: 'FirstName',
flex: 1,
sortable: true,
dataIndex: 'firstName',
field: {
xtype: 'textfield'
}
},
{
text: 'LastName',
flex: 1,
sortable: true,
dataIndex: 'lastName',
field: {
xtype: 'textfield'
}
}
]
})
]
});
var win = new Ext.Window({
layout: 'fit',
closable: false,
resizable: true,
plain: true,
border: false,
items: [searchUsers]
});
win.show();
});
在按钮单击事件之后是否有其他方法加载网格?只需将“自动加载:false”设置到存储中即可