$(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相关推荐

  1. [js] js的循环结构有哪些?

    [js] js的循环结构有哪些? for for in while do while 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一 ...

  2. [js] js循环中调用异步的方法,如何确保执行结果的顺序是正确的?

    [js] js循环中调用异步的方法,如何确保执行结果的顺序是正确的? An example:let searchApi = function(arg){return new Promise((reso ...

  3. [js] js怎样避免原型链上的对象共享?

    [js] js怎样避免原型链上的对象共享? 组合继承 优势 公有的写在原型 私有的卸载构造函数 可以向父类传递参数 劣势 需要手动绑定constructor 封装性一般 重复调用父类性能损耗

  4. [js] js源代码压缩都有哪些方法?它们的压缩原理分别是什么

    [js] js源代码压缩都有哪些方法?它们的压缩原理分别是什么 方法 1.在线工具 2.webpack原理 1.删除注释 2.变量名方法名字符精减 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放 ...

  5. [js] js操作节点的方法有哪些?

    [js] js操作节点的方法有哪些? 创建节点createElement() 创建一个元素节点createTextNode() 创建一个文本节点createAttribute() 创建一个属性节点cr ...

  6. [js] js中的undefined和 ReferenceError: xxx is not defined 有什么区别?

    [js] js中的undefined和 ReferenceError: xxx is not defined 有什么区别? undefined是变量已声明,但未赋值 ReferenceError: x ...

  7. 客户端的js js脚本的引入 js的解析过程

    web浏览器中的JavaScript web浏览器中的js通常称为客户端的JavaScript 客户端 JavaScript window对象是所有客户端JavaScript特性和api的主要接入点. ...

  8. hantomjs能解析出html源码吗,网页源码是js js跳转后才是源码 怎么用易语言写 不使用超文本 有延时...

    网页源码是js js跳转后才是源码 怎么用易语言写 不使用超文本 有延时 附上js代码 var x="pathname@d@1552735436@@@7@div@@new@0xFF@3@@f ...

  9. ie运行不了java脚本界面_IE浏览器不能运行js JS代码失效不能运行了如何解决

    IE浏览器不能运行js JS代码失效不能运行了如何解决 发布时间:2012-02-20 16:39:23   作者:佚名   我要评论 IE不能运行js,在IE浏览器js代码失效,js不能运行了怎么办 ...

  10. HTML5/Node.js/JS 经验谈 (会员专属)【讲师辅导】-曾亮-专题视频课程

    HTML5/Node.js/JS 经验谈 (会员专属)[讲师辅导]-5481人已学习 课程介绍         QQ 1405491181 链接 http://edu.csdn.net/lecture ...

最新文章

  1. elasticsearch date格式问题
  2. XAML实时显示更新插件LiveXAML
  3. matlab二维特殊函数面积图area()函数
  4. ZOJ 3471 压缩状态DP
  5. 旅行商问题的n种解法
  6. 前端学习(2988):vue+element今日头条管理--使用技术栈
  7. NUC1429 WERTYU【输入输出+水题】
  8. jQuery MVC 科室异步联动
  9. 深度学习:BERT模型
  10. Python实现获得所有拼音为某个拼音的所有汉字
  11. 单片机python教程推荐_有Python基础的小白如何学习单片机?
  12. “M1芯片”电脑杀手:Windows笔记本电脑目前岌岌可危
  13. BZOJ2827 - 千山鸟飞绝
  14. 代码的侵入式和非侵入式是什么意思
  15. wappush系统框架
  16. 帝国html5图片站模板,html5响应式自适应帝国CMS整站模板源码瀑布流文章图片资讯文章站...
  17. Java学习-07 IO学习
  18. C++——NOIP2016普及组 t4——魔法阵
  19. kurento API解读
  20. “黑客情报官”薛锋:真相只有一个,我们必须找到它

热门文章

  1. c语言两个正整数的最小公倍数,C语言求两个正整数的最小公倍数
  2. Linux Kernel 0.01 的编译和运行
  3. 动态规划 - 买卖股票的最佳时机 III
  4. python在for循环中不能删除正在循环的列表(问题已解决)
  5. Ubuntu 必装软件及安装教程
  6. Centos7安装Python3.7
  7. 函数指针 指针函数
  8. 十大排序算法之插入排序
  9. [BUUCTF-pwn]——jarvisoj_level2_x64
  10. Citrix产品及技术解析