/**
* 初始化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二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "<%=basePath%>/component/config/select.html", add: {content:"<%=basePath%>/admin/...
**jqGrid 数据列表组件二次封装详解** jqGrid 是一个基于 jQuery 的强大表格插件,用于展示和管理数据,提供丰富的功能如排序、分页、编辑等。本篇文章将深入探讨如何对 jqGrid 进行二次封装,以适应个性化的需求,...
1. 引入库:首先,你需要在你的项目中引入JqGrid的JavaScript库和CSS文件。这些通常可以从官方网站或者其他可靠的源下载,然后放到项目的相应目录下。 2. 创建Web服务或API:为了响应JqGrid的请求,你需要在C#中...
1. 数据展示:jqGrid 能够以表格形式展示数据,支持分页、排序和过滤功能,使得用户可以方便地浏览大量数据。通过配置列模型,可以定制每列的显示方式和行为。 2. 编辑功能:jqGrid 提供了行内编辑、弹出式编辑和...
`SearchUntil`类封装了整个查询条件,包括逻辑操作符和规则列表。使用`ObjectMapper`从JSON字符串反序列化成对应的Java对象,这可以通过`JsonHelper`类的`JsonDeserialize`方法实现。 例如,如果接收到的JSON数据为...
如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $...
jQgrid 主要用于将需要展示的数据动态地展示在页面上,即动态画出表格,并封装了增、删、改、查、分类显示、在线编辑修改等功能。 jQgrid 的使用说明 1. 导入 jQgrid 包,並在首页属性里面添加相应的包信息。 2. ...
- **AngularJS / VueJS / ReactJS**:尽管jqGrid主要是为jQuery设计的,但开发者也可以通过封装或者使用第三方插件将其集成到MVVM框架中。 6. **注意事项** - **版本兼容性**:确保jqGrid版本与jQuery版本兼容,...
4. **插件**:jqGrid支持扩展,可能包含一些预封装的插件,如行编辑、列选择、树形网格等,这些插件可以进一步增强表格的功能。 5. **语言文件**:jqGrid支持多语言,压缩包中可能包含不同语言的翻译文件,使你可以...
在.Net环境中,trirand.net为ASP.NET WebForms开发人员提供了一个封装好的jqGrid控件,使得在.NET平台上使用jqGrid变得更为便捷。 ### 1. trirand.net jqGrid .Net控件介绍 trirand.net的jqGrid .Net控件是将...
`$("#list")`是jQuery的选择器,用于选取ID为`list`的DOM元素,这通常是一个表格元素(`<table>`),在jqGrid中,它被用来封装数据网格。调用`jqGrid`函数实际上是将这个DOM元素转换为jqGrid实例,从而可以利用...
在ASP.NET MVC项目中,我们通常通过控制器(Controller)来处理HTTP请求,视图(View)负责渲染页面,模型(Model)则封装业务逻辑和数据。JQGrid的数据源可以是JSON或XML格式,这与ASP.NET MVC的RESTful服务非常...
然后,你需要在业务逻辑中处理查询操作,例如从数据库中检索数据,将这些数据封装到一个Java对象集合中。最后,使用`ValueStack`将这个集合转换成JSON对象并返回。 在压缩包中的`Struts2Demo`可能包含以下内容: 1...
jqGrid是基于jQuery的数据表格插件,用于将需要展示的数据动态的展示在页面上,即动态画出表格,并封装了增、删、改、查、分类显示、在线编辑修改等功能。下面将对jqGrid的使用方法进行详细的说明。 一、jqGrid包...
jqGrid内部实现了AJAX请求的封装,可以直接调用它的方法完成与后台的交互。 6. **处理服务器响应**:当服务器返回数据时,jqGrid会自动解析JSON格式的数据并更新表格内容。对于增删改操作,通常会刷新整个表格或...
这里,`JqGridParam` 是一个封装了 jqGrid 请求参数的类,`getData()` 方法根据参数查询数据并返回 JSON 格式的结果。 ### 注意事项: 1. **版本兼容**:确保所使用的 jqGrid 版本与 jQuery 版本兼容。 2. **安全...
jqGrid可以与其他前端框架如AngularJS、React或Vue.js结合使用,通过适当的封装和适配,使其成为这些现代框架中的数据展示组件。 总的来说,jqGrid是一款功能丰富的数据网格组件,通过其API和配置选项,开发者可以...
基础平台在jqGrid4.3.2的基础上进行了封装和扩展,简化了使用过程,增强了用户体验。这可能包括更友好的API接口、预定义的样式、额外的插件支持或者对其他前端框架(如Bootstrap)的集成。这样的封装使得开发者能更...
4. 封装结果:将查询结果转化为JQGrid可识别的JSON格式,返回给前端。 5. JSP页面:在JSP页面中,引入JQGrid的CSS和JS文件,创建JQGrid实例,设置相应的配置项(如列定义、分页参数等)。 6. 交互处理:前端使用...
1. `jquery.js`:这是jQuery库本身,是jqGrid的基础。 2. `jquery.jqGrid.js`:jqGrid主文件,包含了核心功能。根据需求,可以选择性地引入其他插件。 3. `grid.basic.js`:基础插件,确保jqGrid的基本功能正常运行...