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不支持多 ...
随机推荐
- iOS定时器
主要使用的是NSTimer的scheduledTimerWithTimeInterval方法来每1秒执行一次timeFireMethod函数,timeFireMethod进行倒计时的一些操作,完成时把 ...
- 20145330第八周《Java学习笔记》
20145330第八周<Java学习笔记> 第十五章 通用API 通用API 日志:日志对信息安全意义重大,审计.取证.入侵检验等都会用到日志信息 日志API Logger:注意无法使用构 ...
- Node.js的DES加解密和MD5加密
最基本的就是经常用的md5加密算法 代码如下 var MD5=function (data) { var _encrymd5 = require('crypto').createHas ...
- About-PHP-02
如果要给table里面的td添加颜色,有两种方法: <html> <head> <meta http-equiv="Content-Type" con ...
- Odoo 9 PDF不显示中文字体
在Ubuntu中安装中文字体: $ sudo apt-get install ttf-wqy-zenhei $ sudo apt-get install ttf-wqy-microhei
- 您的服务器没有安装这个PHP扩展:OpenSSL(其他平台API同步需要)
今天在安装一个博客系统的时候提示这个错,在网上找了半天,自己慢慢弄出来的,具体如下: 1.找到你的php.ini 文件,将“;extension=php_openssl.dll”前面分号去掉. 2.复 ...
- windows安装django
Window 下安装 Django 如果你还未安装Python环境需要先下载Python安装包. 1.Python 下载地址:https://www.python.org/downloads/ 2.D ...
- mysqld诡异crash
突然收到告警短信,提示有一组服务器MHA已经切换,登录服务器后查看错误日志如下(其中相关insert语句已经处理): mysql版本:5.5.24 :: InnoDB: Assertion failu ...
- 一个应用层的Makefile
CC = gcc #gcc编译器LIB= -lpthread #需要链接的库文件CFLAGS=-std=gnu99 #C编译器的选项,C99标准OBJ=test.o gpio.o #生成的汇编文件PR ...
- Matlab图像处理函数:regionprops
本篇文章为转载,仅为方便学术讨论所用,不用于商业用途.由于时间较久,原作者以及原始链接暂时无法找到,如有侵权以及其他任何事宜欢迎跟我联系,如有侵扰,在此提前表示歉意.----------------- ...