javajqgrid的简单介绍

博主：adminadmin 2023-03-17 05:54:07 449

今天给各位分享javajqgrid的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

在js中怎么改变jqgrid行数据

1 jqGrid动态增加列，

目前还没有这样的方法

只能先卸载Grid再进行重绘，才能达到改变列的目的。

Java代码

jQuery('#grid1').GridUnload();

用这个方法 卸载jqgrid

然后重新设置吧

Java代码

jQuery('#grid1').jqGrid({

colNames:...,

colModel:...,

...

});

2 用本地 数据 修改表格

这个必须先把数据类型改成local

Java代码

$('#lgrid-1').jqGrid().clearGridData();

$('grid-1').jqGrid('setGridParam',

{ datatype:local,

rowNum:data.length,

data:data

}

).trigger('reloadGrid', [{page:1}]);

一旦用本地数据 分页功能就不好用了,因为不会再去查后台了

3 修改多条 同时提交后台

Java代码

var savedRow = null;

var savedCol = null;

// 修正

$('#lgrid-3').setGridParam({

beforeEditCell : function(rowid, cellname, value, iRow, iCol) {

// 记录修改的表格

savedRow = iRow;

savedCol = iCol;

}

});

// 向后台发送数据前 保存表格的修改

if (savedRow savedCol) {

jQuery('#grid-3').jqGrid('saveCell', savedRow, savedCol);

}

// 取得表格的数据 全部

var data = $('#grid-3').jqGrid().getRowData();

4 隐藏列

Java代码

jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');

显示用 showCol

5 可以多选的情况下 默认选中

Java代码

$('#list').jqGrid().setSelection(1);

如果已经被选中 则是 反选

6 数据绑定前检查

Java代码

ajaxGridOptions:

{dataFilter:

function(data,dataType){ // preprocess the data

if ( $(data).find("code").text() == 'problem' ) { // check for an error in the result

$("#list").jqGrid('GridUnload');

$("#errormsg").text( $(data).find("description").text() );

}else{

return data;

}

}

}

java报ognl.OgnlException: target is null for setProperty错误（求大神解答）

这个异常表明你 页面提交过来的参数有name=‘billed’（看不太清，null后面的那个字段），而你action中没有相应的setter方法，设置setter方法就好了

Jqgrid 如何根据url参数的变化刷新表格内容？

你好提问者：

大体流程是这样的：

首先你说的那个组织目录呢，在他点击的时候会链到不同的页面显示不同的数据！

加载JQGrid url会找相应的action，查询数据，然后回显！ 这里有段jqGrid的代码，仅供参考！

jsp页面

%@ page language="java" pageEncoding="utf-8"%

%@ taglib uri="/sys-tags" prefix="tl"%

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

 head

    title文章分类/title

  /head

 body

  div class="search_tit"文章分类/div

  form method="post" target="_blank"

   table class="search_table"

    tr

     td

      div

      分类名称：

      /div 

      input class="search_text" type="text" name="catname" id="catname" /

     /td

     td

      input id="submitButton" class="button" value="搜索" type="button" onclick="submitKey(1)"/

    input id="submitButton" class="button" value="添加分类" type="button" onclick="articleCatAdd()"/

      /td

    /tr

  /table

 /form

 table id="gridTable"/table

 div id="gridPager"/div

/body

/html 

js 脚本：

    $("#gridTable").jqGrid({

        url:webRoot +'admin/articleQueryAll.action',

        datatype: "json",

        mtype:"POST",

        shrinkToFit:false,

        autoScroll: true,

        width:700,

        forceFit:false,

        cache: false,

        colNames:['文章编号','分类编号','文章题目','文章url', '文章作者', '作者的email', '关键字','状态','描述','排序','操作'],

        colModel:[{name:'artid',index:'art_id',sortable:true,hidden:true,sorttype:"int"},

                {name:'catid',index:'cat_id',hidden:true,sortable:true,sorttype:"int"},

                {name:'arttitle',index:'art_title',width:"100px",sortable:true},

                {name:'arturl',index:'art_url',sortable:true,width:"220px"},

                {name:'artauthor',index:'art_author',sortable:true,width:"80px"},

                {name:'artauthoremail',index:'art_author_email',sortable:true,hidden:true},

                {name:'artkeywords',index:'art_keywords',sortable:true,hidden:true},

                {name:'isdelete',index:'is_delete',sortable:true,width:"80px",align:"center",formatter:'select', editoptions:{value:"0:img style='cursor:pointer' value='0' title='启用' src='"+webRoot +"WEB-FACE/css/images/yes.gif' /;1:img style='cursor:pointer' value='1' title='禁用' src='"+webRoot+"/WEB-FACE/css/images/no.gif' /"}},

                {name:'artdesc',index:'art_desc',sortable:true,hidden:true},

                {name:'sortorder',index:'sort_order',width:"80px",sortable:true,align:"center"},

                {name:'act',index:'act',sortable:false,width:"110px"},

        ],

        sortname:'art_id',

        sortorder:'desc',

        rowNum:10,

        rowList:[10,25,50],

        viewrecords:true,

        jsonReader: {

                root:"dataRows",                // 数据行（默认为：rows）

                page: "currPage",               // 当前页

                total: "totalPages",            // 总页数

                records: "totalRecords",        // 总记录数

                repeatitems : false             // 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设

        },

        prmNames:{rows:"articleSelectKey.pageSize",page:"articleSelectKey.currPage",sort:"articleSelectKey.orderBy",order:"articleSelectKey.order"},

        pager:"#gridPager",

       // caption: "品牌信息列表",

        onSortCol: function(index, sortorder){

         var curPage = $(".ui-pg-input").val();

         submitKeyArticle(curPage);

        },

        onPaging: function(pgButton){

       // caption: "品牌信息列表",获取控件里的值

         var arttitle = $("input[name='arttitle']").val();

         

         var totalPages = $("#gridTable").jqGrid('getGridParam', 'lastpage');

         if(/^[0-9]*[1-9][0-9]*$/.test($.trim($(".ui-pg-input").val()))){

          if(totalPages - $.trim($(".ui-pg-input").val())  0){

          $(".ui-pg-input").val(totalPages);

          }

         }

         

   $("#gridTable").jqGrid('setGridParam',{  

        datatype:'json',  

       postData:{'articleSelectKey.arttitle':arttitle},

       });

        },

        //获取前台页面的状态  是否在线

        onCellSelect:function(rowId,cellCount){

         var data = $("#"+rowId +"td");

         var artid = data[0].innerHTML;

         if(cellCount == 7){

          openStore(artid,rowId);

         }

        },

        // caption: "品牌信息列表",获取列表里的操作值

        gridComplete: function(){

         if(permissionId!=""  permissionId==1){

       var ids = jQuery("#gridTable").jqGrid('getDataIDs');

       for(var i=0;i  ids.length;i++){

        var cl =jQuery("#gridTable").jqGrid('getRowData', ids[i]);

        var actions = "divnobra href='#' class='listwordbtn' onclick='editArticle(" + cl.artid+");'编辑/aa href='#' class='listwordbtn'  onclick='articleDelete(" + cl.artid+");'删除/a/nobr/div"; 

        jQuery("#gridTable").jqGrid('setRowData',ids[i],{act:actions});

       } 

         }

     }

        }).navGrid('#gridPager',{edit:false,add:false,del:false,search:false});

// 确定键_根据条件查询

function submitKeyArticle(curPage){

    var arttitle = $("input[name='arttitle']").val();

 $("#gridTable").jqGrid('setGridParam',{  

    datatype:'json',

    postData:{'articleSelectKey.arttitle':arttitle},

    page:curPage

   }).trigger("reloadGrid");

}

//添加

function articleAdd(){

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"pageset.pageType=1");

}

//编辑_修改

function editArticle(artid){

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"pageset.pageType=2ids=" + artid);

}

//返回展示类表

function toGrid() {

 $(".index_page").load(webRoot + "admin/articleManageShow.action?_="+Math.random()+"pageset.pageType=0");

}

//上线

function openStore(artid,rowId){

 if(permissionId==""||permissionId==0){

  return;

 }

 $.post(webRoot +"admin/isDeleteArticle.action", { artid : artid},

  function(data) {

  var res = eval(data);

  $("#"+rowId+" td").each(function(i){

   if(i==7){

    if(res.commitType == 0){

     $(this).html("img style='cursor:pointer' value='0' title='启用' src='" + webRoot + "WEB-FACE/css/images/yes.gif' /");

    } else{

     $(this).html("img style='cursor:pointer' value='1' title='禁用' src='" + webRoot + "WEB-FACE/css/images/no.gif' /");

    }

   }

  });

 });

}

//删除

function articleDelete(artid){

 if(confirm("确定删除？")){

 $.post(webRoot +"admin/getArtidDelete.action?pageset.pageType=3", {ids:artid}, 

 function(data){

 var result = eval(data);

 showDialog(result.message,webRoot + "admin/articleManageShow.action?pageset.pageType=0");

 });

 }

}

jqgrid如何将phButtons值(即：上一页、下一页）传回后台Java程序?

onPaging: function(pgButton) {      //当点击翻页按钮但还为展现数据时触发此事件, 当然这跳转栏输入页

                                  //码改变页时也同样触发此事件

          alert(pgButton);   //first_booklistpage,  prev_booklistpage,  next_booklistpage,

                             //last_booklistpage

          var newurl = "";

          if(pgButton == "next"){

          //alert($("input[maxlength='7']").val());

          newurl = "url?pageIndex="+(parseInt($("input[maxlength='7']").val())+1);

          } else if(pgButton == "prev") {

          newurl = "url?pageIndex="+(parseInt($("input[maxlength='7']").val())-1);

          } else if(pgButton == "first"){

          newurl = "url?pageIndex=1";

          }

          jQuery("#表格id").jqGrid("setGridParam", {url:newurl});

      },

javajqgrid的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、javajqgrid的信息别忘了在本站进行查找喔。

标签：