easyui datatable ajax 加载数据,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 dataList = new List();
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 Web API中實現對業務數據的分頁查詢處理
在Asp.net Web API中,對業務數據的分頁查詢處理是一個非常常見的接口,我們需要在查詢條件對象中,定義好相應業務的查詢參數,排序信息,請求記錄數和每頁大小信息等內容,根據這些查詢信息,我們在 ...
javaScript(拼寫樹形)+ajax請求，去后臺查找數據
第一步:頁面加載完成時,利用jquery中的一函數,調用js方法,js方法,發送ajax請求,去后臺查找父類權限集合,響應回來json格式的數據,對數據進行操作,往頁面上添加內容 //頁面初始化加載菜 ...
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. ...
隨機推薦
Elasticsearch——Rest API中的常用用法
本篇翻譯的是Elasticsearch官方文檔中的一些技巧,是使用Elasticsearch必不可少的必備知識,并且適用于所有的Rest Api. 返回數據格式化 當在Rest請求后面添加?prett ...
Swift2.1 語法指南——自動引用計數
原檔: https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programm ...
理解Python裝飾器
裝飾器本質上是一個Python函數,它可以讓其他函數在不需要做任何代碼變動的前提下增加額外功能,裝飾器的返回值也是一個函數對象.它經常用于有切面需求的場景,比如:插入日志.性能測試.事務處理.緩存.權 ...
select function in ruby
http://ruby-doc.org/ http://ruby-doc.org/core-2.3.0/Array.html#method-i-select [1,2,3,4,5].select { ...
【Other】推薦點好聽的鋼琴曲
2013-12-13 16:19 匿名 | 瀏覽 138977 次 音樂鋼琴 推薦點好聽的鋼琴曲,純音樂也可以thanks!!! 2013-12-14 19:34 網友采納 熱心網友 巴洛克:帕海貝爾 ...
shell 腳本閱讀之二——ltp工具下的runltp
#!/bin/sh ################################################################################ ## ## ## ...
Linux-基礎學習(二)-基本部署
開始今日份整理 1. 系統優化部分 1.1 Linux防火墻安全相關(重要) 1.1.1 SELinux功能 SELinux(Security-Enhanced Linux) 是美國國家安全局(NSA ...
Linux高級文件系統管理(8)
如果您的 Linux 服務器有多個用戶經常存取數據時,為了維護所有使用者在硬盤容量的公平使用,磁碟配額 (Quota) 就是一項非常有用的工具,另外,如果你的用戶常常抱怨磁盤容量不夠用,那么更進階的文 ...
RedHat 7.3 Oracle 12.2.0.1 RAC 安裝手冊(轉)
1? 準備工作 1.1 ? 關于GRID的一些變化 1.1.1? 簡化的基于映像的Oracle Grid Infrastructure安裝 從Oracle Grid Infrastructure 12 ...
H2：開源內存數據庫引擎
本資源由?伯樂在線?-?劉立華?整理 H2是一個開源的內存數據庫.Java編寫.快速.小巧(1.5MB jar包)還提供了Web控制臺管理數據庫內容. 主要功能 非?？焖俚臄祿煲? 開源. Jav ...
總結
以上是生活随笔為你收集整理的easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 上海电力学院计算机技术,上海电力学院计算
- 下一篇： java dom cdata_java