GetGrid();
})//加载表格
functionGetGrid() {varSelectRowIndx;
$("#gridTable").jqGrid({
url:"@Url.Content("~/School/ClassInfoes/GridPageListJson")",
datatype: "json",
height: $(window).height()- 149,
autowidth:true,
colModel: [
{ label:'Id', name: 'id', index: 'id', width: 0, align: 'left', sortable: true, hidden: true},
{ label:'所属学校', name: 'schoolname', index: 'schoolname', width: 120, align: 'center', sortable: true},
{ label:'班级编码', name: 'classcode', index: 'classcode', width: 70, align: 'center', sortable: true},
{ label:'院系部', name: 'departname', index: 'departname', width: 50, align: 'center', sortable: true},
{ label:'入学年份', name: 'enteryear', index: 'enteryear', width: 50, align: 'center', sortable: true},
{ label:'毕业年份', name: 'graduateyear', index: 'graduateyear', width: 50, align: 'center', sortable: true},
{ label:'当前所在年级', name: 'currentgradename', index: 'currentgradename', width: 50, align: 'center', sortable: true},
{ label:'当前所属班级', name: 'currentclassname', index: 'currentclassname', width: 50, align: 'center', sortable: true},
{ label:'班级教室', name: 'classroom', index: 'classroom', width: 50, align: 'center', sortable: true},
{ label:'毕业年级', name: 'graduategradename', index: 'graduategradename', width: 50, align: 'center', sortable: true},
{ label:'班主任', name: 'classteachername', index: 'classteachername', width: 50, align: 'center', sortable: true},
{ label:'班长', name: 'monitername', index: 'monitername', width: 50, align: 'center', sortable: true},
{
label:'是否毕业', name: 'flaggraduate', index: 'flaggraduate', width: 50, align: 'center', sortable: true,
formatter:function(cellvalue, options, rowObject) {if (cellvalue == true) return "是";if (cellvalue == false) return "否";
}
},
{
label:'创建日期', name: 'createdate', index: 'createdate', width: 100, align: 'center', sortable: true,
formatter:function(cellvalue, options, rowObject) {return formatDate(cellvalue, 'yyyy-MM-dd');
}
},
{ label:'创建者', name: 'createusername', index: 'createusername', width: 50, align: 'center', sortable: true},
{
label:'修改日期', name: 'modifydate', index: 'modifydate', width: 100, align: 'center', sortable: true,
formatter:function(cellvalue, options, rowObject) {return formatDate(cellvalue, 'yyyy-MM-dd');
}
},
{ label:'修改者', name: 'modifyusername', index: 'modifyusername', width: 50, align: 'center', sortable: true},
{
label:'学生列表', name: 'id', index: 'id', width: 80, align: "center", sortable: false,
formatter:function(cellvalue, options, rowObject) {var id = rowObject['id']return " 点击我";
}
},
],
pager:"#gridPager",
sortname:'classcode',
sortorder:'asc',
rownumbers:true,
shrinkToFit:false,
gridview:true,
multiselect:true,
onSelectRow:function() {
SelectRowIndx= GetJqGridRowIndx("#" + this.id);
},
gridComplete:function() {
$("#" + this.id).jqGrid('setSelection', SelectRowIndx);
}
});
}//新增
functionbtn_add() {var url = "/School/ClassInfoes/Form";
openDialog(url,"Form", "新增班级数据表", 770, 395, function(iframe) {
top.frames[iframe].AcceptClick();
});
}//编辑
functionbtn_edit() {var KeyValue = GetJqGridRowValue("#gridTable", "id");if(IsChecked(KeyValue)) {var url = "/School/ClassInfoes/Form?KeyValue=" +KeyValue;
openDialog(url,"Form", "编辑班级数据表", 770, 395, function(iframe) {
top.frames[iframe].AcceptClick();
});
}
}//批量添加班级
functionbtn_autoadd() {var url = "/School/ClassInfoes/AutoAddClassInfoes";
openDialog(url,"AutoAddClassInfo", "批量添加班级", 770, 395, function(iframe) {
top.frames[iframe].AcceptClick();
});
}//删除
functionbtn_delete() {var KeyValue = GetJqGridRowValue("#gridTable", "id");if(IsDelData(KeyValue)) {var delparm = 'KeyValue=' +KeyValue;
delConfig('/School/ClassInfoes/DeleteClassInfoes', delparm, KeyValue.split(",").length);
}
}//明细
functionbtn_detail() {var KeyValue = GetJqGridRowValue("#gridTable", "id");if(IsChecked(KeyValue)) {var url = "/School/ClassInfoes/Detail?KeyValue=" +KeyValue;
Dialog(url,"Detail", "班级数据表明细", 820, 500, function(iframe) {
top.frames[iframe].AcceptClick();
});
}
}//刷新
functionwindowload() {
$("#gridTable").trigger("reloadGrid"); //重新载入
}
博客展示了使用JqGrid加载班级数据表格的代码,包含表格列模型设置、分页、排序等功能。同时给出了新增、编辑、批量添加、删除、查看明细和刷新表格等操作的函数实现,支持多选操作。

被折叠的 条评论
为什么被折叠?



