jqgrid系列1

  1.  获取属性
  • 获取所选择行的ID 
var id=$('#gridTable').jqGrid('getGridParam','selrow');//单行
varids=$('#gridTable').jqGrid('getGridParam','selarrrow');//多行
  • 获取所选行的数据 
var rowData = $("#gridTable").jqGrid('getRowData',rowId);
for(var i=0;i<selIDs.length;i++){
     var gridData= $("#grid").jqGrid("getRowData",selIDs[i]);//这是获得 某一行的数据          

}
  • 获取表格所有数据 
var   gridData= $("#grid").jqGrid("getRowData");
  • 获取表格所有的ID
var strIds=  $("#grid").jqGrid("getDataIDs");//获得表格所有行的ID
  • 获得当前表格的行数
 $("#grid").getGridParam("recount");

     2.设置属性

  • 获取单元格的值和设置单元格的值
var strValue=$("#grid").jqGrid("getCell",selIDs[i],"表格列的名字");//行ID和列名字,决定了一个单元格的位置,从而可以取出单元格的值
$("#grid").jqGrid("setCell",selIDs[i],"表格列的名字","数据");//设置单元格的值,需要行id,列名,以及对应列名的值
  • 设置行的值
$("#grid").setRowData(rowId,{l列名:值,列明:值....});

setCell方法与setRowData方法的不同是:setRowData可以同时设置一行的值,即多个列的值,而setCell只能设置一个单元格的值
  • 设置列的属性
$("#grid").jqGrid("setColProp",{editType:"text",formatter:"text"});//这里设置了列的两个属性,自己可以根据需要改变
  • 设置某一行被选中
$("#grid").setSelection(rowId);//再很多文章上看到这个方法,需要注意的是:

这个方法起的是反选的作用,也就是如果某一行被选中,使用这个方法就是取消选中,如果某一行处于未选中状态,使用这个方法使其选中

      3.搜索

jQuery("#mysearch").jqGrid('filterGrid',grid_selector,{
            gridModel : false,
            filterModel : [{
                label : 'search',
                name: 'searchVal',
                stype: 'text'
            }],
            autosearch : true,
            url : 'url?自己的固定参数'
 
        }),


//:unformat : function(html) {//html就是formatter返回的a连接的html
                                return $(html).text()
                            }
$(function(){
        $("#find_btn").click(function(){
            var GOODS_ID = escape($("#GOODS_ID").val());
            var GOODS_ID = escape($("#GOODS_NAME").val());
            $("#table_list_2").jqGrid('setGridParam',{
                url:"goood/query.do",
                postData:{'GOODS_ID':GOODS_ID,'GOODS_NAME':GOODS_NAME}, //发送数据
                page:1
            }).trigger("reloadGrid"); //重新载入
        });
    });

       4.编辑单元格

var lastsel;

onSelectRow : function(id) {//编辑单元格
                        if (id && id !== lastsel) {
                          jQuery('#table_list_1').jqGrid('restoreRow', lastsel);
                          jQuery('#table_list_1').jqGrid('editRow', id, true);
                          lastsel = id;
                        }
                      },

editurl :url,

5.时间格式化

formatter:"date",formatoptions: {srcformat:'Y-m-d',newformat:'Y-m-d'} 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值