当前位置: 代码迷 >> Java Web开发 >> EXTJS grid修改后用户信息后,页面没有显示修改后的数据 ?
  详细解决方案

EXTJS grid修改后用户信息后,页面没有显示修改后的数据 ?

热度:1945   发布时间:2016-04-10 23:41:08.0
EXTJS grid修改后用户信息后,页面没有显示修改后的数据 ?? 求救
接触Extjs 有差不多有一个月了,一直有个问题不能解决,使用grid 显示用户信息列表,当点击修改的时候弹出一个窗体表单显示用户资料,修改完毕以后关闭窗体,但是此时我想让grid里面的数据加载显示修改后的信息,无法实现。 请求前辈们 帮帮忙 !  感激不尽

这是JSON数据源加载的代码。
//创建数据源,从后台读取数据
var itemsPerPage = 18;
var startTime;
var endTime;
var mob;
var userName;

var storeList = Ext.create('Ext.data.JsonStore', {
fields : [ "id", "userName", "userPassword", 'mob', 'uLevel',
'status', 'province', 'city', 'address', 'company',
'customerNature', 'besinessType', 'tel', 'wechat', 'qq',
'email', 'addTime', 'identifier' ],
pageSize : itemsPerPage,
autoLoad : false,
proxy : {
type : 'ajax',
url : 'searchUser',
reader : {
totalProperty : "totalCount", // 数据记录总数,分页需要  
root : "data", // 数据记录数组节点
type : 'json'
}
}
});
//绑定一次加载之前传递查询参数
storeList.on("beforeload", function() {
Ext.apply(storeList.proxy.extraParams, {
startTime : dateFormat(startTime),
endTime : dateFormat(endTime),
mob : mob,
userName : userName
});
});
//加载数据
storeList.reload({
start : 0,
limit : itemsPerPage
});//不要忘记reload()

这里是grid的代码
//创建表格
var record_start = 0; //定义行号
var gridUser = new Ext.grid.Panel({
id : 'girlUserPanel',
height : 480,
store : storeList,
stripeRows : true,
multiSelect : true,
selModel : selModel,
columns : [
new Ext.grid.RowNumberer({
header : "序号",
width : 40,
renderer : function(value, metadata, record, rowIndex) {
return ((storeList.currentPage - 1) * itemsPerPage)
+ record_start + 1 + rowIndex; //实现行号的显示
}
}), {
text : '用户名',
dataIndex : 'userName'
}, {
text : '密码',
dataIndex : 'userPassword'
}, {
text : '手机',
dataIndex : 'mob'
}, {
text : '权限',
dataIndex : 'uLevel'
}, {
text : '状态',
dataIndex : 'status'
}, {
text : '省份',
dataIndex : 'province'
}, {
text : '城市',
dataIndex : 'city'
}, {
text : '地址',
dataIndex : 'address'
}, {
text : '单位',
dataIndex : 'company'
}, {
text : '客户性质',
dataIndex : 'customerNature'
}, {
text : '业务类型',
dataIndex : 'besinessType'
}, {
text : '电话',
dataIndex : 'tel'
}, {
text : '微信',
dataIndex : 'wechat'
}, {
text : 'QQ',
dataIndex : 'qq'
}, {
text : '邮箱',
dataIndex : 'email'
}, {
text : '创建时间',
dataIndex : 'addTime'
}, {
text : '标识符',
dataIndex : 'identifier'
} ],
bbar : new Ext.PagingToolbar({
id : 'pagingToolbar',
store : storeList,
displayInfo : true,
beforePageText : "第",
afterPageText : "/ {0}页",
firstText : "首页",
prevText : "上一页",
nextText : "下一页",
lastText : "尾页",
displayMsg : "当前显示记录从 {0} - {1} 总 {2} 条记录",
emptyMsg : "没有相关记录!"
}),
tbar : [ '姓名:', {
xtype : 'textfield',
id : 'keyword',
name : 'userName',
dataIndex : 'userName'
}, '手机:', {
xtype : 'textfield',
id : 'mob',
name : 'mob',
dataIndex : 'mob'
}, '日期:', {
xtype : 'datefield',
format : 'Y-m-d', //显示出来的效果
name : 'startDate',
id : 'startTime',
dataIndex : 'startTime',
editable : true,
selectOnFocus : true
}, '至', {
xtype : 'datefield',
format : 'Y-m-d', //显示出来的效果
name : 'endDate',
id : 'endTime',
dataIndex : 'endTime',
editable : true,
selectOnFocus : true
}, '-', {
text : '查询',
handler : function() {
startTime = Ext.getCmp('startTime').getValue();
endTime = Ext.getCmp('endTime').getValue();
  相关解决方案