日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

datagrid后台分页js.js

發布時間:2024/4/17 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。