datagrid后台分页js.js
$(function () {
gridbind();
bindData();
});
//表格綁定
function gridbind() {
$('#dg').datagrid({
title: '動作管理',
iconCls: '',
width: fixWidth(1) - 25,// fixWidth(1)-202,
height: fixHeight(1) - 140,
pageSize: 10,
pagination: true,
rownumbers: true,
autoRowHeight: false,
singleSelect: true,
striped: true,
sortorder: 'desc',
remotesort: true,
onSortColumn:function(sort,order){
},
onDblClickRow: function (rowIndex) {
},
onRowContextMenu: function (e, rowIndex, rowData) { //右鍵時觸發事件
//三個參數:e里面的內容很多,真心不明白,rowIndex就是當前點擊時所在行的索引,rowData當前行的數據
e.preventDefault(); //阻止瀏覽器捕獲右鍵事件
$(this).datagrid("clearSelections"); //取消所有選中項
$(this).datagrid("selectRow", rowIndex); //根據索引選中該行
$('#menu').menu('show', {
//顯示右鍵菜單
left: e.pageX,//在鼠標點擊處顯示菜單
top: e.pageY
});
}
});
//刷新
var p = $('#dg').datagrid('getPager');
if (p) {
$(p).pagination({
onBeforeRefresh: function () {
}
});
}
}
?
function bindData() {
var effectRow = [];
var rst = ylwlAjaxByJson(top.basePath+"/C_Action/InitData", effectRow, 'ajaxBack');
}
var _data = [];
function ajaxBack(data) {
if (data) {
_data = data.Data.rows;
$("#dg").datagrid("loadData", data.Data);
}
$('#dg').datagrid('getPager').pagination({
pageSize: 10, //每頁顯示的記錄條數,默認為10
pageList: [10, 15, 20, 25], //可以設置每頁記錄條數的列表
onSelectPage: function (pageNumber, pageSize) {
SearchTrainee(pageNumber, pageSize);//每次更換頁面時觸發更改
}
});
}
function btnSrchClick() {
SearchTrainee(1, 10);
}
function SearchTrainee(_pageNumber, _pageSize) {
//異步獲取數據到javascript對象,入參為查詢條件和頁碼信息
var rst = ylwlAjaxByJson(top.basePath + "/C_Action/GetData",
{
pageNumber: _pageNumber,
pageSize: _pageSize,
srchActionName: $('#srchActionName').val()
}, 'srChBack');
}
function srChBack(data) {
var total = data.Data.total;
$('#dg').datagrid('loadData', data.Data);
}
?
轉載于:https://www.cnblogs.com/huangf714/p/5918708.html
總結
以上是生活随笔為你收集整理的datagrid后台分页js.js的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Bootstrap入门(二十九)JS插件
- 下一篇: 机器学习技法(3)--Kernel Su