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();
分享到:
相关推荐
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
NULL 博文链接:https://sonckchi.iteye.com/blog/1958861
6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...
ExtJs学习资料28-Ext.data.JsonStore数据存储器
6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...
代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...
EXTjs的上传组件
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
ExtJS tooltip功能组件实例
13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data....
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data....
Ext.ux.GoogleChart extjs插件Ext.ux.GoogleChart extjs插件
代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...