先定义:    var SelectRowIndx;

然后加入以下属性:

        multiselect: true,
onSelectRow: function () {
SelectRowIndx = GetJqGridRowIndx("#" + this.id);
},
gridComplete: function () {
$("#" + this.id).jqGrid('setSelection', SelectRowIndx);
}

举例:

<script type="text/javascript">
$(function () {
GetGrid();
}) //加载表格
function GetGrid() {
var SelectRowIndx;
$("#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 "<font color='red'>是</font>";
if (cellvalue == false) return "<font color='green'>否</font>";
}
},
{
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 "<button onclick=\"AddTabMenu('530b9428-25d9-4166-9dc2-ea994b90cdd6', '/School/Students/StudentsList?id=" + id + "', '学生管理', 'group.png','true',true)\"> 点击我</button>";
}
},
],
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);
}
});
}
//新增
function btn_add() {
var url = "/School/ClassInfoes/Form";
openDialog(url, "Form", "新增班级数据表", 770, 395, function (iframe) {
top.frames[iframe].AcceptClick();
});
}
//编辑
function btn_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();
});
}
} //批量添加班级
function btn_autoadd() {
var url = "/School/ClassInfoes/AutoAddClassInfoes";
openDialog(url, "AutoAddClassInfo", "批量添加班级", 770, 395, function (iframe) {
top.frames[iframe].AcceptClick();
});
} //删除
function btn_delete() {
var KeyValue = GetJqGridRowValue("#gridTable", "id");
if (IsDelData(KeyValue)) {
var delparm = 'KeyValue=' + KeyValue;
delConfig('/School/ClassInfoes/DeleteClassInfoes', delparm, KeyValue.split(",").length);
}
}
//明细
function btn_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();
});
}
}
//刷新
function windowload() {
$("#gridTable").trigger("reloadGrid"); //重新载入
}
</script>

jqgrid定义多选操作的更多相关文章

  1. JS实战 · 复选框全选操作

    思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum:   ...

  2. AngularJs 简单实现全选,多选操作

    很多时候我们在处理CURD(增删改查)的时候需要实现批量操作数据,这时候就必须使用多选操作. Angular 中实现如下(当然还有很多种比笔者写的更好的方法,这里只是简单的实现.) demo 演示地址 ...

  3. ListView多选操作模式详解CHOICE_MODE_MULTIPLE与CHOICE_MODE_MULTIPLE_MODAL

    这篇文章我们将详细的介绍如何实现ListView的多选操作,文中将会纠正在使用ListViewCHOICE_MODE_MULTIPLE或者CHOICE_MODE_MULTIPLE_MODAL时容易犯的 ...

  4. JavaScript jQuery 中定义数组与操作及jquery数组操作

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

  5. Android在listview添加checkbox实现单选多选操作问题(转)

    转自:http://yangshen998.iteye.com/blog/1310183 在Android某些开发需求当中,有时候需要在listveiw中加入checkbox实现单选,多选操作.表面上 ...

  6. GridControl表头全选操作实现之最优方法

    突然发现很久没有写博客了. 昨天整了个Windows Live Writer 就为了以后好好写写博客. 所以,开始咯. 为了积累,也为了分享. 之前在博客园中看到一篇文章:<Winform分页控 ...

  7. Android在listview添加checkbox实现单选多选操作问题

    android根据View的不同状态更换不同的背景http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版]h ...

  8. java: Comparable比较器,定义二叉操作类

    //定义二叉操作类 class BinaryTree{ class Node{ private Node left; //左指数 private Node right; //右指数 private C ...

  9. JavaScript jQuery 中定义数组与操作及jquery数组操作 http://www.jb51.net/article/76601.htm

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

随机推荐

  1. 翻译-In-Stream Big Data Processing 流式大数据处理

    相当长一段时间以来,大数据社区已经普遍认识到了批量数据处理的不足.很多应用都对实时查询和流式处理产生了迫切需求.最近几年,在这个理念的推动下,催生出了一系列解决方案,Twitter Storm,Yah ...

  2. docker WARNING: bridge-nf-call-iptables is disabled 处理

    在CentOS中 vim /etc/sysctl.conf net.bridge.bridge-nf-call-ip6tables = net.bridge.bridge-nf-call-iptabl ...

  3. java分享第二天(变量及命名规范)

    1 JAVA是一种强类型语言,每个变量都必须声明其类型 2 Java变量是程序中最基本的存储单元,其主要包括变量名,变量类型和作用域 3 声明变量可以一行声明多个 4局部变量:方法或语句块内部定义的变 ...

  4. select在各个浏览器中的兼容性问题

    我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同. 下面我们通过对主要CSS属性的支持,打造全兼容select. 对select ...

  5. 通过jquery获取ul中第一个li的属性

    当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修 ...

  6. CCS样式表

    一.css样式表 1.样式表分类 1.内联式 <p style="font-size:18px;">This is an apple</p> 2.内嵌样式表 ...

  7. 安装wampserver之后,浏览器中输入localhost页面显示IIS7解决办法

    1.wampserver图标为绿色才为正常启动,如果为橘色说明端口(默认为80)被占用:可以点击图标,然后点Apache->Service->测试80端口,来验证端口是否被占用. 如果占用 ...

  8. CentOs5.8下安装Oracle12C

    12C安装向导: http://docs.oracle.com/database/121/LTDQI/toc.htm 12C下载地址: http://www.oracle.com/technetwor ...

  9. java中类的继承

    我们都知道java的四大特性:抽象.继承.封装.多态: 那么关于继承有哪些特性呢?下面看具体实例: (1) public class Person { public  int a=2; public  ...

  10. 20145337实验三实验报告——敏捷开发与XP实践

    20145337实验三实验报告--敏捷开发与XP实践 实验名称 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 相关工具 ** 实验步骤**### 敏捷开发与XP 软件工程包括下列领域:软件需求 ...