【jqGrid】翻页获取选中的值

1、实现效果: 点击确定所选按钮之后,获取翻页选中的题库表号

2、关键代码

onSelectAll: function (aRowids, status) {

},

onSelectRow: function (aRowids, status) {

}

 jQuery("#questionindex_table").jqGrid({
            url: ‘2safety/exam/questionfile/ashx/list.ashx?act=list‘,
            datatype: "json",
            colNames: [‘ID‘, ‘题库表号‘, ‘文件名称‘, ‘发文号‘, ‘发文部门‘, ‘规章编号‘, ‘发文年月‘],
            autoWidth: true,
            rowNum: rowNum,
            rowList: rowList,
            rownumbers: true,
            pager: ‘#pager‘,
            altRows: true,
            shrinkToFit: false,
            viewrecords: true,
            multiselect: true,
            width: 1030,
            height: 350,
            jsonReader: {
                page: "page",
                total: "total",
                repeatitems: false,
                id: "ID"
            },
            onSelectAll: function (aRowids, status) {
                for (var index = 0; index < aRowids.length; index++) {
                    var str = $("#questionindex_table").jqGrid(‘getRowData‘, aRowids[index]).QUESTIONFLAG;
                    var str1 = $("#questionindex_table").jqGrid(‘getRowData‘, aRowids[index]);
                    if (status)
                    {
                        if (arr.toString().indexOf(str) <0) {
                            arr.push(str);
                            arr1.push({ id: str1.ID, QUESTIONFLAG: str1.QUESTIONFLAG })
                        }
                    }
                    else
                    {
                        for (var i = 0; i < arr.length; i++) {
                            if (arr[i] == str) {
                                arr.splice(i, 1);
                                arr1.splice(i, 1);
                            }
                        }
                    }
                }
            },
            onSelectRow: function (aRowids, status) {
                var str = $("#questionindex_table").jqGrid(‘getRowData‘, aRowids).QUESTIONFLAG;
                var str1 = $("#questionindex_table").jqGrid(‘getRowData‘, aRowids);
                if (status) {
                    arr.push(str);
                    arr1.push({ id: str1.ID, QUESTIONFLAG: str1.QUESTIONFLAG })
                }
                else
                {
                    for (var i = 0; i < arr.length; i++)
                    {
                        if(arr[i]==str)
                        {
                            arr.splice(i,1);
                            arr1.splice(i, 1);
                        }
                    }
                }

            },
            colModel: [
                 { name: ‘ID‘, index: ‘ID‘, hidden: true, frozen: true },
                  { name: ‘QUESTIONFLAG‘, index: ‘QUESTIONFLAG‘, width: 80, frozen: true },
                 {
                     name: ‘NAME‘, index: ‘NAME‘, width: 250, frozen: true,
                     formatter: function (value, type, row) {
                         switch (row.ISACTIVE + ‘‘) {
                             case ‘0‘: str = "<span style=\"color:#999999;text-decoration:line-through;\">" + row.NAME + "</span>"; break;
                             case ‘1‘: str = row.NAME; break;
                             default: str = row.NAME; break;
                         }
                         return str;
                     }
                 },
                 { name: ‘PUBLISHNO‘, index: ‘PUBLISHNO‘, width: 150, frozen: true },

                 { name: ‘JGNAME‘, index: ‘JGNAME‘, width: 120, frozen: true },
                 { name: ‘REGULATIONS‘, index: ‘REGULATIONS‘, width: 110 },
                 {
                     name: ‘PUBLISHTIME‘, index: ‘PUBLISHTIME‘, width: 80, align: ‘center‘, formatter: function (cellvalue, options, rowObject) {
                         return parent.setAddTime(cellvalue, ‘yyyy-MM-dd‘);
                     }
                 }
            ]
        });

遗留问题:返回上一页之后,之前选中的标识消失

3、知识点

js数组操作:判断数组中是否存在某个字符串

var arr=[46013,25210,16414];

var str="16414";

if (arr.toString().indexOf(str) <0)

{alert("不存在") }

else

{alert("存在")}

js数组操作:删除数组中某个字符串

var arr=[46013,25210,16414];

arr.splice(0, 1);

alert(arr);//[25210,16414];

4、参考网址:http://my.oschina.net/luckyi/blog/316251

时间: 2024-09-30 20:55:16

【jqGrid】翻页获取选中的值的相关文章

jqGrid 翻页

jqGrid的翻页要定义在html里,通常是在grid的下面,且是一个div对象: · <table id="list"></table> ·    <div id="gridpager"></div> · jQuery("#grid_id").jqGrid({ · ... ·    pager : '#gridpager', · ... · }); 不必给翻页设置任何的css属性.在jqGrid里

列表翻页,选中一条记录

说明:当添加一条记录时,该条记录在列表中的位置有多重情况,在列表的第一页第一项.在列表的最后一页最后一项.在列表中的任意一个位置,针对翻页选中一条目标记录具体事项一项两种情况 情况一:新添加的记录在列表的任意一个位置时,选中该条记录并点击选择然后点击[更新产品]按钮 具体实现代码如下(包含需要调用其他共方法): /** * 翻页逐条比较获得对应的产品 * webs:某一页所有的tr对象,dr:dr对象 */ public static WebElement getpoduct(List<WebE

jqgrid 翻页记录选中行

简单的jqgrid列表 $("#list").jqGrid({ url:contextPath + "/getList", postData: data, datatype:"json", colNames : [ '用户名','密码'], colModel : [ { name : 'name', index : 'name', align : 'center' }, { name : 'psw', index : 'psw', align :

2. select下拉框获取选中的值

1.获取select选中的value值: $("#select1ID").find("option:selected").val();  --select1ID:下拉框的ID值 2.获取select选中的text值:(获取ID字符串拼接)$("#"+select2ID).find("option:selected").text();

js和Jquery获取选中select值和文本

通过ID选择器去获取 1. Jquery获得select下拉选项option的值: 2. 3. <script type"text/javascript"> 4. 5. $(document).ready(function() { 6. 7. $("#selProv").change(function(){ 8. 9. alert( $("#selProv option:selected").text() );}) 10. 11. }

js checkbox获取选中的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*设置css样式*/ div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;} div.box span{color

jqgrid 记录翻页选中数据

项目中有试使用jqGrid 进行数据展示,最近需要完成一个功能 记录用户翻页前选中的数据.如: 目前的分页实现是根据条件加载当前页,前一页的数据并未进行保存,查询API发现没有直接提供处理方法.但API有提供相关处理方法,通过修改能够很容易实现此功能. 实现该功能主要依赖于API提供的三个方法.loadComplete,onSelectAll,onSelectRow     方法名     参数                                          功能 loadCo

翻页实现复选框的选中问题

在选中的时候,点击绑定按钮,执行以下方法: 1 function bangding(){ 2 3 checkedIds="";//翻页保存选中的id 4 var oneches=document.getElementsByName("landDkbh"); 5 for(var i=0;i<oneches.length;i++){ 6 if(oneches[i].checked==true){ 7 //避免重复累计id (不含该id时进行累加) 8 if(che

JQuery判断radio是否选中并获取选中值的示例代码

这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下 其他对radio操作功能,以后在添加.直接上代码,别忘记引用JQuery包 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 <!DOCTYPE html PUBLIC "