datagrid后台分页js.js
$(function () {
gridbind();
bindData();
});
//表格綁定
function gridbind() {
$('#dg').datagrid({
title: '動(dòng)作管理',
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) { //右鍵時(shí)觸發(fā)事件
//三個(gè)參數(shù):e里面的內(nèi)容很多,真心不明白,rowIndex就是當(dāng)前點(diǎn)擊時(shí)所在行的索引,rowData當(dāng)前行的數(shù)據(jù)
e.preventDefault(); //阻止瀏覽器捕獲右鍵事件
$(this).datagrid("clearSelections"); //取消所有選中項(xiàng)
$(this).datagrid("selectRow", rowIndex); //根據(jù)索引選中該行
$('#menu').menu('show', {
//顯示右鍵菜單
left: e.pageX,//在鼠標(biāo)點(diǎn)擊處顯示菜單
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, //每頁顯示的記錄條數(shù),默認(rèn)為10
pageList: [10, 15, 20, 25], //可以設(shè)置每頁記錄條數(shù)的列表
onSelectPage: function (pageNumber, pageSize) {
SearchTrainee(pageNumber, pageSize);//每次更換頁面時(shí)觸發(fā)更改
}
});
}
function btnSrchClick() {
SearchTrainee(1, 10);
}
function SearchTrainee(_pageNumber, _pageSize) {
//異步獲取數(shù)據(jù)到j(luò)avascript對(duì)象,入?yún)椴樵儣l件和頁碼信息
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);
}
?
轉(zhuǎn)載于:https://www.cnblogs.com/huangf714/p/5918708.html
總結(jié)
以上是生活随笔為你收集整理的datagrid后台分页js.js的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Bootstrap入门(二十九)JS插件
- 下一篇: 机器学习技法(3)--Kernel Su