<%--初始化表格列表组件 --%>
function initGrid() {
<%--#hostComputerId获取DIV id--%>
$('#hostComputerId').initBsGrid(
{
url: '${pageContext.request.contextPath}/accountManger/queryAccount!searchAccount.action?CSRFToken_HW=${randomStr_HW }&nav=nav3',
multiselect: false,
loadComplete: afterLoadEvent,
sortorder: "desc",
sortname: "createtime",
viewrecords : true,
colNames:["","<s:text name='bs.account.username'/>","<s:text name='bs.account.status'/>",
"<s:text name='bs.account.email'/>","<s:text name='bs.account.createtime'/>",
"<s:text name='bs.common.operate'/>"
],
colModel:
[
{name:'userid',index:'userid', hidden:true},
{name:'username',index:'username',align:'left',width:150},
{name:'status',index:'status', width:80, align:'center',formatter:function(cellval, opts)
{
<%--根据状态值判断,显示不同字体颜色--%>
if(cellval == "<s:text name='bs.account.statusOK'/>"){
return "<s:text name='bs.account.statusOK'/>";
}
if(cellval == "<s:text name='bs.account.statusFal'/>"){
return "<span style='color:red'><s:text name='bs.account.statusFal'/></span>";
}
}},
{name:'email',index:'email', width:150},
{name:'createtime',index:'createtime', width:190, align:"center",sorttype:"date"},
{name:'operator',index:'operator', width:100,sortable:false,resizable:false,fixed:true,
formatter:function(cellval, opts){
return "<center title=' '>"
+"<div id='"+opts.rowId+"' title='' class='menu_div' style='border:solid blue 0px'>"
+"<a class='menu_oper' style='cursor:pointer;text-decoration:none'>"
+"<s:text name='bs.spec.list.operaper'/> <img src='${pageContext.request.contextPath}/resources/images/sh_zy_jt.png' />"
+"</a><div></center>";
}
}
]
});
}
<%--分页 --%>
function doPagerAction(pageIndex)
{
$("#hostComputerId").trigger("reloadGrid",[{page:pageIndex}]);
}
<%--查询 --%>
function doSearchAction()
{
var text = $("#condition").val();
$("#hostComputerId").jqGrid("setGridParam",{url:encodeURI(encodeURI("${pageContext.request.contextPath}/accountManger/queryAccount!searchAccount.action?CSRFToken_HW=${randomStr_HW }&nav=nav3"+
"&condition=" + text)),page:1}).trigger("reloadGrid");
}
分享到:
相关推荐
jqgrid二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "<%=basePath%>/component/config/select.html", add: {content:"<%=basePath%>/admin/...
**jqGrid 数据列表组件二次封装详解** jqGrid 是一个基于 jQuery 的强大表格插件,用于展示和管理数据,提供丰富的功能如排序、分页、编辑等。本篇文章将深入探讨如何对 jqGrid 进行二次封装,以适应个性化的需求,...
本篇文章将深入探讨C#封装的JqGrid插件,以及如何在实际项目中配置和应用它。 首先,JqGrid插件的核心在于其丰富的功能特性,如分页、排序、搜索、过滤、编辑和添加数据等。通过C#进行封装,可以方便地与后端服务器...
3.6 版本是 jqGrid 的一个重要版本,尽管官方没有提供完整的封装,但这个版本仍然广受欢迎,因为其功能强大且自定义性高。 在 jqGrid 3.6 中,你可以找到以下关键知识点: 1. 数据展示: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控件是将...
在ASP.NET MVC项目中,我们通常通过控制器(Controller)来处理HTTP请求,视图(View)负责渲染页面,模型(Model)则封装业务逻辑和数据。JQGrid的数据源可以是JSON或XML格式,这与ASP.NET MVC的RESTful服务非常...
`$("#list")`是jQuery的选择器,用于选取ID为`list`的DOM元素,这通常是一个表格元素(`<table>`),在jqGrid中,它被用来封装数据网格。调用`jqGrid`函数实际上是将这个DOM元素转换为jqGrid实例,从而可以利用...
然后,你需要在业务逻辑中处理查询操作,例如从数据库中检索数据,将这些数据封装到一个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. 交互处理:前端使用...
jqGrid是一款基于jQuery的开源数据网格插件,它提供了一种强大且灵活的方式来展示和操作表格数据。jqGrid支持多种功能,包括数据的动态加载、排序、分页、编辑、过滤和自定义样式等,使得网页开发人员能够轻松创建...