EXt 表格(grid)-学习1
2010-09-07 14:44
357 查看
var pagesize = 10; //定义分页数
var ds ;
//列表头加上复选框
/*var sm = new Ext.grid.CheckboxSelectionModel({
checkOnly: false,
singleSelect: false
});
*/
//列表头加序号
var rm = new Ext.grid.RowNumberer();
//列表头
var cm = new Ext.grid.ColumnModel([
rm,
{id:'class_unid',header: "班次ID", width: 200,hidden:true, sortable: true, dataIndex: 'class_unid'},
{header: "培训机构", width: 200, sortable: true, dataIndex: 'jigou'},
{header: "年度", width: 100, sortable: true, dataIndex: 'niandu'},
{header: "招生计划", width: 200, sortable: true, dataIndex: 'jihua'},
{header: "班名", width: 200, sortable: true, dataIndex: 'banci'},
{header: "主办单位", width: 100, sortable: true, dataIndex: 'dept'},
{header: "办班地点", width: 100, sortable: true, dataIndex: 'didian'},
{header: "开始时间", width: 100, sortable: true, dataIndex: 'stime'},
{header: "结束时间", width: 100, sortable: true, dataIndex: 'etime'},
{header: "学分", width: 50, sortable: true, dataIndex:'score',editor:new Ext.form.TextField()}
]);
var urlstr =ucapSession.baseAction+'?type=load_gb_peixun_info&userid='+punid;
ds=new Ext.data.JsonStore({
url:urlstr,
root:"data",
fields:["class_unid","jigou","niandu","jihua","banci","dept","didian","stime","etime","score"],
totalProperty:"totalCount"
});
ds.load(
{
params:{start:0,limit:pagesize}
}
);
var bbar=new Ext.PagingToolbar({
pageSize:pagesize,
store:ds,
beforePageText:"当前第",
afterPageText:"页,共{0}页",
lastText:"尾页",
nextText :"下一页",
prevText :"上一页",
firstText :"首页",
refreshText:"刷新页面",
displayInfo: true,
displayMsg:"当前显示 {0} - {1}条, 共 {2} 条"
});
var tbar=new Ext.Toolbar({
items:[
{
text:'保存学分',
tooltip:'保存学分',
handler:function(){
//处理方法
},
{
text:'刷新',
tooltip:'刷新',
handler:function(){
ds.reload();
}
}
]
});
var winth = Ext.get("ganbuscore_list").getWidth();
var grid = new Ext.grid.EditorGridPanel(
{
id:"ganbuscore_mrtj",
//title:"<FONT color=red>--->文件列表</FONT>",
region:"center",
loadMask:{msg : "正在读取数据,请稍候..."},
width:winth,
height:270,
enableHdMenu:true,
stripeRows:true,
ds:ds,
//sm : sm,
cm:cm,
tbar:tbar,
clicksToEdit:1,
stripeRows:true,
bbar: bbar
}
);
grid.render("ganbuscore_list");
var ds ;
//列表头加上复选框
/*var sm = new Ext.grid.CheckboxSelectionModel({
checkOnly: false,
singleSelect: false
});
*/
//列表头加序号
var rm = new Ext.grid.RowNumberer();
//列表头
var cm = new Ext.grid.ColumnModel([
rm,
{id:'class_unid',header: "班次ID", width: 200,hidden:true, sortable: true, dataIndex: 'class_unid'},
{header: "培训机构", width: 200, sortable: true, dataIndex: 'jigou'},
{header: "年度", width: 100, sortable: true, dataIndex: 'niandu'},
{header: "招生计划", width: 200, sortable: true, dataIndex: 'jihua'},
{header: "班名", width: 200, sortable: true, dataIndex: 'banci'},
{header: "主办单位", width: 100, sortable: true, dataIndex: 'dept'},
{header: "办班地点", width: 100, sortable: true, dataIndex: 'didian'},
{header: "开始时间", width: 100, sortable: true, dataIndex: 'stime'},
{header: "结束时间", width: 100, sortable: true, dataIndex: 'etime'},
{header: "学分", width: 50, sortable: true, dataIndex:'score',editor:new Ext.form.TextField()}
]);
var urlstr =ucapSession.baseAction+'?type=load_gb_peixun_info&userid='+punid;
ds=new Ext.data.JsonStore({
url:urlstr,
root:"data",
fields:["class_unid","jigou","niandu","jihua","banci","dept","didian","stime","etime","score"],
totalProperty:"totalCount"
});
ds.load(
{
params:{start:0,limit:pagesize}
}
);
var bbar=new Ext.PagingToolbar({
pageSize:pagesize,
store:ds,
beforePageText:"当前第",
afterPageText:"页,共{0}页",
lastText:"尾页",
nextText :"下一页",
prevText :"上一页",
firstText :"首页",
refreshText:"刷新页面",
displayInfo: true,
displayMsg:"当前显示 {0} - {1}条, 共 {2} 条"
});
var tbar=new Ext.Toolbar({
items:[
{
text:'保存学分',
tooltip:'保存学分',
handler:function(){
//处理方法
},
{
text:'刷新',
tooltip:'刷新',
handler:function(){
ds.reload();
}
}
]
});
var winth = Ext.get("ganbuscore_list").getWidth();
var grid = new Ext.grid.EditorGridPanel(
{
id:"ganbuscore_mrtj",
//title:"<FONT color=red>--->文件列表</FONT>",
region:"center",
loadMask:{msg : "正在读取数据,请稍候..."},
width:winth,
height:270,
enableHdMenu:true,
stripeRows:true,
ds:ds,
//sm : sm,
cm:cm,
tbar:tbar,
clicksToEdit:1,
stripeRows:true,
bbar: bbar
}
);
grid.render("ganbuscore_list");
相关文章推荐
- Ext学习笔记——grid表格渲染自定义样式
- EXt 表格(grid)-学习1
- EXt 表格(grid表格中加入超链接)-学习2
- 学习EXT第四天--开始使用Grid
- 使用Ext.grid.Panel生成表格
- ext grid 子表格
- 学习EXT第四天--开始使用Grid
- ext6.2如何在grid表格列里加button按钮
- Ext 表格运用-Ext.grid.EditorGridPanel(带分页)
- 【Ext.Net学习笔记】05:Ext.Net GridPanel的用法(包含Filter、Sorter、Grouping、汇总(Summary)的用法)
- Ext.grid.Panel表格分页
- 学习YUI.Ext 第四天--开始使用Grid
- Ext.grid.Panel表格特性Feature
- 表格数据分组:Ext.grid.GroupingView
- ExtJS 普通表格:Ext.grid.GridPanel属性祥解
- 学习YUI.Ext 第五天--Grid组件的简易分页
- ext 表格GridPanel学习例子
- 使用Ext.grid.column.Action操作表格数据
- 表格数据分组:Ext.grid.GroupingView
- Ext第一周 史上最强学习笔记---GridPanel(基础篇)