extjs 之Ext.data.Store变更单行记录值【修改】

简介:

1.record声明如下

machineuse_record = Ext.data.Record.create([{
name : 'id',
type : 'int'
}, {
name : 'projectname',
type : 'string'
}, {
name : 'projectid',
type : 'int'
}, {
name : 'ip',
type : 'string'
}, {
name : 'server',
type : 'string'
}]);
 

 

2.datastor声明如下

machineuse_list_grid_store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'GetMachineUseList',
method : 'POST'
}),
reader : new Ext.data.JsonReader({
root : "root",
id : 'machineuse_list_grid_store',
totalProperty : 'totalCount'
}, machineuse_record)
});
 

 

3. grid声明如下

machineuse_list_grid = new Ext.grid.GridPanel({
store : machineuse_list_grid_store,
animate : true,
columnLines : true,
region : 'south',
height :Glb.outer_center.getHeight() * 0.63,
tbar : [p_buttons],
split : true,
autoScroll:true,
columns : [{
id : 'id',
header : "id",
width : 60,
sortable : true,
dataIndex : 'id'
}, {
id : 'ip',
header : "机器ip",
width : 120,
sortable : true,
dataIndex : 'ip'
}, {
id : 'server',
header : "部署服务",
width : 80,
sortable : true,
dataIndex : 'server'
}, {
id : 'projectname',
header : "项目",
width : 120,
sortable : true,
dataIndex : 'projectname'
},
{
id : 'projectid',
header : "项目id",
width : 120,
sortable : true,
dataIndex : 'projectid',
hidden: true
}],
region : 'south',
bbar : new Ext.PagingToolbar({
pageSize : 10,
store : machineuse_list_grid_store,
displayInfo : true,
displayMsg : '显示 {0} - {1} /共 {2}条记录',
emptyMsg : "没有记录"
})
});
 

4. 通过修改datastore记录来修改grid某行的值

var rec = machineuse_list_grid_store.getAt(g_machine_rowIndex);
rec.set('ip', ip);
rec.set('server', env);
rec.set('projectid', owner);
rec.set('projectname', owner);
rec.commit();


本文转自elbertchen 51CTO博客,原文链接:http://blog.51cto.com/linkyou/751883,如需转载请自行联系原作者
相关文章
|
8月前
|
前端开发
Antd中Table列表行默认包含修改及删除功能的封装
Antd中Table列表行默认包含修改及删除功能的封装
191 0
|
8月前
|
C++
MFC编程 -- 列表删除单行及多行操作
MFC编程 -- 列表删除单行及多行操作
97 1
|
存储 SQL 分布式计算
导出 Export--默认模式导出(Insert)| 学习笔记
快速学习 导出 Export--默认模式导出(Insert)
228 0
导出 Export--默认模式导出(Insert)| 学习笔记
|
JSON JavaScript 数据格式
VUE element-ui之jspreadsheet-ce在线表格数据json序列化(excel数据同步为相应key:value,并过滤掉为空的数据,未输入的行)
VUE element-ui之jspreadsheet-ce在线表格数据json序列化(excel数据同步为相应key:value,并过滤掉为空的数据,未输入的行)
603 0
VUE element-ui之jspreadsheet-ce在线表格数据json序列化(excel数据同步为相应key:value,并过滤掉为空的数据,未输入的行)
|
前端开发
Ember Data 之记录操作:创建、更新和删除
前面在《Ember.js 项目开发之 Ember Data》介绍了Ember Data 和 《Ember Data 之模型定义》、《Ember Data 之记录查询》,本文将继续介绍记录操作:创建、更新和删除。
150 0

热门文章

最新文章