jqgrid封装

<%--初始化表格列表组件 --%>
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");
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 C# 中封装 jqGrid 表格搜索,可以使用 jQuery 的 AJAX 功能向后端发送请求并获取数据,然后使用 JSON 序列化和反序列化来处理数据。以下是一个简单的示例: 首先,在前端页面中,你需要定义一个 jqGrid 表格,并且在表格上方添加搜索框和搜索按钮。这里假设搜索框的 ID 为 `searchInput`,搜索按钮的 ID 为 `searchButton`,表格的 ID 为 `grid`: ``` html <div> <input type="text" id="searchInput"> <button type="button" id="searchButton">搜索</button> </div> <table id="grid"></table> ``` 接下来,在 JavaScript 中,你需要定义一个函数来处理搜索请求,并使用 AJAX 向后端发送请求。这里假设后端接口的 URL 为 `/api/search`: ``` javascript function search() { var keyword = $("#searchInput").val(); $.ajax({ url: "/api/search", data: { keyword: keyword }, success: function(data) { $("#grid").jqGrid("setGridParam", { data: data }).trigger("reloadGrid"); }, error: function(xhr, status, error) { alert("搜索错误:" + error); } }); } ``` 在上面的代码中,`search` 函数首先从搜索框中获取关键词,然后使用 AJAX 向后端发送请求,请求参数中包含关键词。如果请求成功,就将返回的数据设置到 jqGrid 中,并触发表格重新加载的事件。如果请求失败,就弹出错误提示框。 最后,在 C# 后端中,你需要处理搜索请求,并返回符合搜索条件的数据。这里假设你使用 ASP.NET Web API 2 来处理请求,你可以这样编写控制器方法: ``` csharp public IHttpActionResult Search(string keyword) { var data = GetData(); // 获取原始数据 var filteredData = data.Where(d => d.Contains(keyword)); // 进行筛选 return Json(filteredData); // 返回 JSON 格式的数据 } ``` 在上面的代码中,`Search` 方法首先从数据源中获取原始数据,然后使用 LINQ 进行筛选,找出符合搜索关键词的数据。最后,将筛选后的数据以 JSON 格式返回给前端。 需要注意的是,这里的 `GetData` 方法需要根据你的具体业务逻辑来实现,它可以从数据库、文件、缓存等数据源中获取数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值