jqgrid定义多选操作
先定义: 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定义多选操作的更多相关文章
- JS实战 · 复选框全选操作
思路: 1.获取被选中checkbox,通过checked属性的状态完成: 2.获取被选中的checkbox的value值: 3.求所有value的和sum: 4.定义span区域存储和sum: ...
- AngularJs 简单实现全选,多选操作
很多时候我们在处理CURD(增删改查)的时候需要实现批量操作数据,这时候就必须使用多选操作. Angular 中实现如下(当然还有很多种比笔者写的更好的方法,这里只是简单的实现.) demo 演示地址 ...
- ListView多选操作模式详解CHOICE_MODE_MULTIPLE与CHOICE_MODE_MULTIPLE_MODAL
这篇文章我们将详细的介绍如何实现ListView的多选操作,文中将会纠正在使用ListViewCHOICE_MODE_MULTIPLE或者CHOICE_MODE_MULTIPLE_MODAL时容易犯的 ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- Android在listview添加checkbox实现单选多选操作问题(转)
转自:http://yangshen998.iteye.com/blog/1310183 在Android某些开发需求当中,有时候需要在listveiw中加入checkbox实现单选,多选操作.表面上 ...
- GridControl表头全选操作实现之最优方法
突然发现很久没有写博客了. 昨天整了个Windows Live Writer 就为了以后好好写写博客. 所以,开始咯. 为了积累,也为了分享. 之前在博客园中看到一篇文章:<Winform分页控 ...
- Android在listview添加checkbox实现单选多选操作问题
android根据View的不同状态更换不同的背景http://www.eoeandroid.com/thread-198029-1-1.html android 模仿朋友网推出的菜单效果[改进版]h ...
- java: Comparable比较器,定义二叉操作类
//定义二叉操作类 class BinaryTree{ class Node{ private Node left; //左指数 private Node right; //右指数 private C ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作 http://www.jb51.net/article/76601.htm
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
随机推荐
- C语言(2)
C语言(2)---变量 基本格式: 变量类型 变量名1[,变量名2,变量名3,...变量名n]: 注意: 1.在C语言中如果申请一个变量,里面存放小数,则用float表示,且在输出时需要注意prin ...
- js正则表达式校验非负整数:^\d+$ 或 ^[1-9]\d*|0$ 【转载】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- struts2中拦截器与过滤器的区别
1.拦截器是基于java反射机制的,而过滤器是基于函数回调的. 2.过滤器依赖与servlet容器,而拦截器不依赖与servlet容器. 3.拦截器只能对Action请求起作用,而过滤器则可以对几乎 ...
- webdriver中定位元素,报无法找到元素的问题
webdriver中定位元素,报无法找到元素的问题时,需要查看以下几点: 1 用火狐的firebug插件定位元素,确保这个元素的定位正确: 2 在火狐的firebug插件的,在html页签中输入fra ...
- 四种读写方案IO流 (JAVA)
File类用于访问文件或目录的属性 流:指一连串流动的字符,是以先进先出的方式发送信息的通道.程序和数据源之间是通过流联系起来的. 第一套:字节流读取写入方案 FileInputStream :字节流 ...
- android中的ActionBar和ToolBar
一.ToolBar 1.概述 Google在2015的IO大会上发布了系列的Material Design风格的控件.其中ToolBar是替代ActionBar的控件.由于ActionBar在各个安卓 ...
- Linux_系统管理命令(工作中经常使用到的)
查看网络配置信息 ifconfig 查看系统资源信息(类似win系统资源管理器) top (ps: load average 负载 Task 进程 Cpus/Mem swap 交换分区 类似wi ...
- 关于web api 2 客户端请求Post
(一).客户端的部分代码[需要添加NuGet程序包] 附:Client 声明方法 HttpClient client = new HttpClient(); client.BaseAddress = ...
- 2016HUAS暑假集训训练2 J - 今年暑假不AC
题目链接:http://acm.hust.edu.cn/vjudge/contest/121192#problem/J 此题要求是计算能够看到最多的节目 ,贪心算法即可,首先对结束时间排序,然后在把开 ...
- 数组遍历map和each使用
<body> <input type="/> <input type="/> <input type="/> </b ...