ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询
js前台对datagrid的定义代码,如下
mygrid = $('#mytable').datagrid({
fit: true, //自动大小
height: 'auto',
rownumbers: true, //行号
fitColumns: true,
collapsible: true, //是否可折叠的
loadMsg: '数据装载中......',
singleSelect: true, //单行选取
pagination: true //显示分页
// columns: [[]]
});
//设置分页控件
$("#mytable").datagrid('getPager').pagination({
beforePageText: "第",
afterPageText: "页",
displayMsg: "当前 {from} - {to}条数据 共{total} 条数据",
pageSize: 100,
pageList: [20, 30, 40, 50, 60, 70, 80, 90, 100],
onBeforeRefresh: function () {
},
onRefresh: function (pageNumber, pageSize) {
},
onChangePageSize: function () {
},
onSelectPage: function (pageNumber, pageSize) {
getData();
}
});
js查询请求代码,如下:
function getData() {
var param = "";
$(".mynon").each(function () {
if ($(this).attr("checked") == "checked")
param = param + "#" + $(this).attr("id");
});
if (param != "") {
var grid = $('#mytable');
var options = grid.datagrid('getPager').data("pagination").options; //选项
var pagenum = options.pageNumber; //页数
var total = options.total; //总数
var max = Math.ceil(total / options.pageSize);
var pagesize = options.pageSize; //每页行数
var sttime = $("#starttime").combobox('getText');
var ettime = $("#endtime").combobox('getText');
$.ajax({
type: "post",
url: "../frm/report.aspx/GetReport",
data: "{'begin':'" + sttime + "','end':'" + ettime + "','param':'" + param + "','pagenum':'" + pagenum + "','pagesize':'" + pagesize + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function (data) {
var d = eval('(' + data.d + ')');
try {
$('#mytable').datagrid("loadData", d);
} catch (e) {
alert(e);
}
},
error: function (err) {
alert("错误代码:" + err.status);
}
});
}
else {
alert("请选择相应的设备!");
}
}
});
ASP.NET后台代码,如下图:
[WebMethod]
public static string GetReport(string begin, string end, string param, string pagenum, string pagesize)
{
string userID = HttpContext.Current.Session["userID"].ToString();
string[] paras = param.Split('#');
string measures = "'";
; i < paras.Length; i++)
{
measures = measures + "','" + paras[i];
}
measures = measures + "'";
string beginTime = begin + ":00";
string endTime = end + ":00";
;
DataTable dt = drWater.BLL.infoManager.GetHistoryPageInfo(userID, beginTime, endTime, measures, pagenum, pagesize, out totalcount);
List<json.dataItemJson> dataList = new List<json.dataItemJson>();
if (dt != null)
{
)
{
; i < dt.Rows.Count; i++)
{
json.dataItemJson item = new json.dataItemJson();
......
item.status = dt.Rows[i]["status"].ToString();
dataList.Add(item);
}
}
}
json.dataListJson dataListJson = new json.dataListJson();
dataListJson.total = totalcount;
dataListJson.rows = dataList;
JavaScriptSerializer js = new JavaScriptSerializer();
js.MaxJsonLength = int.MaxValue;
string str = js.Serialize(dataListJson);
return str;
}
经过多次调试,返回的json字符串,虽然符合easyUi datagrid的数据格式标准,但是载入数据的时候出错!
使用eval转化json字符串之后,解决该问题!
ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询的更多相关文章
- 利用查询条件对象,在Asp.net Web API中实现对业务数据的分页查询处理
在Asp.net Web API中,对业务数据的分页查询处理是一个非常常见的接口,我们需要在查询条件对象中,定义好相应业务的查询参数,排序信息,请求记录数和每页大小信息等内容,根据这些查询信息,我们在 ...
- javaScript(拼写树形)+ajax请求,去后台查找数据
第一步:页面加载完成时,利用jquery中的一函数,调用js方法,js方法,发送ajax请求,去后台查找父类权限集合,响应回来json格式的数据,对数据进行操作,往页面上添加内容 //页面初始化加载菜 ...
- bootstrap-data-target触发模态弹出窗元素的data使用 data-toggle与data-target的作用 深入ASP.NET MVC之九:Ajax支持 Asp.Net MVC4系列--进阶篇之AJAX
bootstrap-data-target触发模态弹出窗元素的data使用 时间:2017-05-27 14:22:34 阅读:4479 评论:0 收藏:0 [ ...
- easyUi 学习笔记 (二 ) 使用tabs 里datagridview 发送ajax请求 不访问后台的问题
这个BUG 我花了一个半小时, 还是看不出哪里的问题, 于是就百度到这么一段话,我需要记住 <================================================= ...
- EasyUI DataGrid 基于 Ajax 自定义取值(loadData)
为 datagrid 加载数据分两种情况: 一种是基于 Ajax 请求获取数据然后通过"loadData"方法来赋值: 另一种是直接使用 datagrid 自带的"loa ...
- EasyUI datagrid组件绑定有转义字符的json数据出错
最近项目中一个页面的datagrid出现了莫名其妙的问题, 首先是分页数据的第二页和第三页不能展示,过了一天后第一页也出不来了, 默认首页不出来导致后续分页处理无法进行, 整个数据都不出来了,最后只能 ...
- Ajax请求ashx返回各类数据的常见处理方式
.请求text数据,在success事件中手动解析 前台: $.ajax({ type: "post", url: "checkFile.ashx", data ...
- Jquery通过ajax请求NodeJS返回json数据
最近看了NodeJS相关的,在网上查了下结合AJAX的应用,感觉应用前景还是不错的.为什么用这个组合呢? 1.NodeJS不需要安装,拷贝过去就可以使用,而环境变量可以只配置在当前cmd窗口,运行方便 ...
- SpringBoot16 MockMvc的使用、JsonPath的使用、请求参数问题、JsonView、分页查询参数、JsonProperty
1 MockMvc的使用 利用MockMvc可以快速实现MVC测试 坑01:利用MockMvc进行测试时应用上下文路径是不包含在请求路径中的 1.1 创建一个SpringBoot项目 项目脚手架 1. ...
随机推荐
- /etc/named/named.conf.options中的Options参数
listen-on port 53 { any; }; 监听在这部主机系统上面的哪个网路介面.预设是监听在localhost,亦即只有本机可以对DNS 服务进行查询,那当然是很不合理啊!所以这里要将大 ...
- JavaWEB入门
首先,我们已知的是Web资源分为:静态web资源(如html 页面):指web页面中供人们浏览的数据始终是不变.常用的静态web开发技术即为html:动态web 资源:指web页面中供人们浏览的数据是 ...
- jQuery组件系列:封装标签页(Tabs)
我自己封装的组件,你也行,静态链接地址 http://www.cnblogs.com/leee/p/5190489.html 声明.最好,先把代码拷过去运行一下,其实特别丑~再往下看 我没优化,因为我 ...
- PHP 错误与异常 笔记与总结(13 )自定义异常类
针对不同的异常,进行不同的处理,可以通过自定义异常类记录特定的异常信息来处理不同类型的异常.自定义异常类通过继承基类(Exception),对基类进行扩展. 自定义异常类 <?php heade ...
- PHP 单例模式代码片段
<?php error_reporting(E_ALL | E_STRICT); class single{ public $hash; static protected $ins = null ...
- JNDI学习总结(一)——JNDI数据源的配置
一.数据源的由来 在Java开发中,使用JDBC操作数据库的四个步骤如下: ①加载数据库驱动程序(Class.forName("数据库驱动类");) ②连接数据库(Connec ...
- 什么JSONP
JSONP 是JSON with padding(填充式JSON 或参数式JSON)的简写,是应用JSON 的一种新方法,在后来的Web 服务中非常流行.JSONP 看起来与JSON 差不多,只不过是 ...
- javaWeb中struts开发——Logic标签
1.Struts标签的logic标签 Logic标签是逻辑标签,是Struts中比较重要的标签,完成各种逻辑运算操作,可以直接支持全局调转. 2.1<logic:present><l ...
- Law of total probability
https://en.wikipedia.org/wiki/Law_of_total_probability the total probability of an outcome which can ...
- scandir 使用示例
int filter_fn(const struct dirent * ent) { if (ent->d_type != DT_REG) return 0; r ...