`
vincenlxn
  • 浏览: 4450 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

jqgrid封装1

阅读更多
/**
* 初始化Grid
   需实现方法registerMenuEvent来初始化浮动菜单选项
   1、
    调用模糊查询服务可用此方法来实现
$("#gridId").jqGrid('setGridParam',
          {url:"*.action?sidx="+parm1+"&sval="+parm2,page:1}).trigger("reloadGrid");
其中:
1、sidx是模糊查询列,如果为空,则全部模糊
2、sval是查询值
3、page:1 查询结束默认显示第一页
   2、表格排序参数
1、sidx:模糊查询列
2、sord:排序方式 (ASC,DESC)
*/
$.fn.initlxnGrid = function(item)
{
//判断浏览器设置高度
var initHeight = 381;
if(!$.browser.msie){
initHeight = 371;
}
var pagerDivId = (item.otherTable)?  "pager_div_" + item.otherTable : "pager_div";
if(item.viewrecords)
{
$("<div id='"+pagerDivId+"'></div>").appendTo(document.body);
}
this.jqGrid({
url: item.url,
mtype: "POST",
datatype: "json",
viewrecords: item.viewrecords,//是否显示数据记录
height: item.height?item.height:initHeight,
rowNum: 10,
rowList:[10,20,30],
pager: '#' + pagerDivId,
sortorder: item.sortorder,//排序类型
sortname: item.sortname,//默认排序列
scroll: false,
search: false,
pagerpos: 'left',//分页位置
recordpos: 'right',//数据总数位置
loadComplete: item.loadComplete,//加载完回调
forceFit : true,
autowidth : true,//是否宽度自适应
rownumbers : false,//是否显示行号
multiselect: item.multiselect,//是否多选
onCellSelect:item.onCellSelect,
scrollOffset: 0,
colNames:item.colNames,
colModel:item.colModel,
prmNames: {page:"currentPage",rows:"pageSize", sort: "sidx",order: "sord", search:"_search", nd:"nd", id:"id",oper:"oper",editoper:"edit",addoper:"add",deloper:"del", subgridid:"id", npage: null, totalrows:"totalrows"},
jsonReader : {  //和后台返回的JSON串相对应
     root: "rows",//json数据项key 
     records: "records",//总记录数
     total:'total',//总页数
     page : 'page',//当前页
     cell:"",
     repeatitems : false
   },
caption: ''//grid 的title
});
//注册grid bar
//jQuery("#volume_table").jqGrid('navGrid','#foot_bar',{refresh:false,search:false,edit:false,add:false,del:false});
};
分享到:
评论

相关推荐

    jqgrid 二次封装上传 jqgrid 5.0以上版本

    jqgrid二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "&lt;%=basePath%&gt;/component/config/select.html", add: {content:"&lt;%=basePath%&gt;/admin/...

    数据列表组件 jqGrid 二次封装

    **jqGrid 数据列表组件二次封装详解** jqGrid 是一个基于 jQuery 的强大表格插件,用于展示和管理数据,提供丰富的功能如排序、分页、编辑等。本篇文章将深入探讨如何对 jqGrid 进行二次封装,以适应个性化的需求,...

    C#封装的JqGrid插件

    1. 引入库:首先,你需要在你的项目中引入JqGrid的JavaScript库和CSS文件。这些通常可以从官方网站或者其他可靠的源下载,然后放到项目的相应目录下。 2. 创建Web服务或API:为了响应JqGrid的请求,你需要在C#中...

    jqGrid 3.6

    1. 数据展示:jqGrid 能够以表格形式展示数据,支持分页、排序和过滤功能,使得用户可以方便地浏览大量数据。通过配置列模型,可以定制每列的显示方式和行为。 2. 编辑功能:jqGrid 提供了行内编辑、弹出式编辑和...

    关于jqGrid中查询功能

    `SearchUntil`类封装了整个查询条件,包括逻辑操作符和规则列表。使用`ObjectMapper`从JSON字符串反序列化成对应的Java对象,这可以通过`JsonHelper`类的`JsonDeserialize`方法实现。 例如,如果接收到的JSON数据为...

    获取jqGrid中选择的行的数据

    如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $...

    jqGrid使用帮助[参照].pdf

    jQgrid 主要用于将需要展示的数据动态地展示在页面上,即动态画出表格,并封装了增、删、改、查、分类显示、在线编辑修改等功能。 jQgrid 的使用说明 1. 导入 jQgrid 包,並在首页属性里面添加相应的包信息。 2. ...

    jqgrid开发包

    - **AngularJS / VueJS / ReactJS**:尽管jqGrid主要是为jQuery设计的,但开发者也可以通过封装或者使用第三方插件将其集成到MVVM框架中。 6. **注意事项** - **版本兼容性**:确保jqGrid版本与jQuery版本兼容,...

    jqGrid-master

    4. **插件**:jqGrid支持扩展,可能包含一些预封装的插件,如行编辑、列选择、树形网格等,这些插件可以进一步增强表格的功能。 5. **语言文件**:jqGrid支持多语言,压缩包中可能包含不同语言的翻译文件,使你可以...

    jqGrid .Net控件

    在.Net环境中,trirand.net为ASP.NET WebForms开发人员提供了一个封装好的jqGrid控件,使得在.NET平台上使用jqGrid变得更为便捷。 ### 1. trirand.net jqGrid .Net控件介绍 trirand.net的jqGrid .Net控件是将...

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

    `$("#list")`是jQuery的选择器,用于选取ID为`list`的DOM元素,这通常是一个表格元素(`&lt;table&gt;`),在jqGrid中,它被用来封装数据网格。调用`jqGrid`函数实际上是将这个DOM元素转换为jqGrid实例,从而可以利用...

    ASP.NET MVC JQGRID 增删改查 实例

    在ASP.NET MVC项目中,我们通常通过控制器(Controller)来处理HTTP请求,视图(View)负责渲染页面,模型(Model)则封装业务逻辑和数据。JQGrid的数据源可以是JSON或XML格式,这与ASP.NET MVC的RESTful服务非常...

    JqGrid Demo json

    然后,你需要在业务逻辑中处理查询操作,例如从数据库中检索数据,将这些数据封装到一个Java对象集合中。最后,使用`ValueStack`将这个集合转换成JSON对象并返回。 在压缩包中的`Struts2Demo`可能包含以下内容: 1...

    jqGrid中文说明,对jQgrid表格关键使用方法中文说明

    jqGrid是基于jQuery的数据表格插件,用于将需要展示的数据动态的展示在页面上,即动态画出表格,并封装了增、删、改、查、分类显示、在线编辑修改等功能。下面将对jqGrid的使用方法进行详细的说明。 一、jqGrid包...

    jqgrid+struts2实现的增删改查

    jqGrid内部实现了AJAX请求的封装,可以直接调用它的方法完成与后台的交互。 6. **处理服务器响应**:当服务器返回数据时,jqGrid会自动解析JSON格式的数据并更新表格内容。对于增删改操作,通常会刷新整个表格或...

    jqgrid and java

    这里,`JqGridParam` 是一个封装了 jqGrid 请求参数的类,`getData()` 方法根据参数查询数据并返回 JSON 格式的结果。 ### 注意事项: 1. **版本兼容**:确保所使用的 jqGrid 版本与 jQuery 版本兼容。 2. **安全...

    jqGrid_API中文

    jqGrid可以与其他前端框架如AngularJS、React或Vue.js结合使用,通过适当的封装和适配,使其成为这些现代框架中的数据展示组件。 总的来说,jqGrid是一款功能丰富的数据网格组件,通过其API和配置选项,开发者可以...

    jqGrid4.3.2 及其相关的demo

    基础平台在jqGrid4.3.2的基础上进行了封装和扩展,简化了使用过程,增强了用户体验。这可能包括更友好的API接口、预定义的样式、额外的插件支持或者对其他前端框架(如Bootstrap)的集成。这样的封装使得开发者能更...

    Struts2JQGrid java版本分页

    4. 封装结果:将查询结果转化为JQGrid可识别的JSON格式,返回给前端。 5. JSP页面:在JSP页面中,引入JQGrid的CSS和JS文件,创建JQGrid实例,设置相应的配置项(如列定义、分页参数等)。 6. 交互处理:前端使用...

    强大的JQuery的插件jqGrid

    1. `jquery.js`:这是jQuery库本身,是jqGrid的基础。 2. `jquery.jqGrid.js`:jqGrid主文件,包含了核心功能。根据需求,可以选择性地引入其他插件。 3. `grid.basic.js`:基础插件,确保jqGrid的基本功能正常运行...

Global site tag (gtag.js) - Google Analytics