datagrid后台分页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);
}
datagrid后台分页js的更多相关文章
- datagrid后台分页js.js
$(function () { gridbind(); bindData(); }); //表格绑定function gridbind() { $('#dg').datagrid({ title: ' ...
- easyui的datagrid用js插入数据等编辑功能的实现
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- easyui datagrid 后台分页,前端如何处理
module.exports = { queryMethod(){ let params = checkQueryParams.call(this); if (!params) { return; } ...
- datagrid.celltips.js
/** * Created with JetBrains WebStorm. * User: cao.guanghui * Date: 13-6-26 * Time: 下午11:27 * To cha ...
- DevExtreme学习笔记(一) DataGrid中js分析
1.overviewjs采用 $(function() { $("#gridContainer").dxDataGrid({ dataSource: { store: { type ...
- RDIFramework.NET框架Web中datagrid与treegrid控件自动生成右键菜单与列标题右键菜单
在实际应用中常可以看到数据展示控件有右键菜单的功能,对应的列标题也可以右键弹出快捷菜单设置指定列的显示与隐藏等功能.在我们的RDIFramework.NET Web框架中,只要是使用了EasyUI的D ...
- easyloader.js源代码分析
http://www.cnblogs.com/jasonoiu/p/easyloader_source_code_analysis.html Jquery easyui是一个javascript UI ...
- easyui datagrid使用
http://www.cnblogs.com/zgqys1980/archive/2011/01/04/1925775.html 加载相关js和css,因为easyui依赖jquery,所有加载eas ...
- easyui datagrid使用(好)
加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery,否则为提示找不到datagrid <!-- 加载jquery --> <scrip ...
随机推荐
- Win7无法安装Flash Player怎么办
在IE的工具选项中把安全选项中的ActiveX控件一系列都改为启用即可.
- 【MVC+MySQL+EntityFramework】查询性能优化笔记
通过在DbContext中定了表之间的关系,查询后在View中通过item.ProjectOverHour来显示关联表数据. modelBuilder.Entity<ProjectOverHou ...
- STL源码剖析(容器适配器)
在STL中,有一类容器完全以底部容器为基础进行实现,这类容器归类为container adapter. priority_queue priority_queue默认使用vector为基础,加上hea ...
- 关于 yii2 cron运行 console的脚本不运行,可是手动运行成功的原因
在yii2中运行脚本出现了一个问题 手动运行没有问题. 在cron中不运行.最后找出来了原因 打开yii文件(在根文件夹以下) #!/usr/bin/env php <?php /** * Yi ...
- CXF调用方式——使用wsdl2java(Windwos下)
1.自动生成客户端代码: 先把CXF下到本地,本例中我下的是apache-cxf-3.1.2,然后在命令行里到相应路径执行命令: D:\soft\DevelopSoft\apache-cxf-\bin ...
- 如何更改Docker默认的images存储位置
Docker的镜像以及一些数据都是在/var/lib/docker目录下,它占用的是Linux的系统分区,也就是下面的/dev/vda1,当有多个镜像时,/dev/vda1的空间可能不足,我们可以把d ...
- ECS 实例网络带宽
1. 带宽是否独享? 是独享. 2. 带宽单线还是双线,电信还是网通? 多线 BGP(中国电信.联通.移动.教育网等)接入,确保全国用户访问畅通. 3. 5 Mbps 带宽怎么理解? 5 Mbps 带 ...
- Git-Git Book阅读笔记
git diff [fname] 查看工作区与缓存区异同 git diff --staged [fname] 查看缓存区与上次提交之间的差异 git diff HEAD [fname] 查 ...
- 模拟循环单击事件实现layout中间panel全屏
jquery提供了toggle方法 toggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法 $(selector).toggle(spe ...
- 自实现部分string类的功能
#define _CRT_SECURE_NO_WARNINGS #include<iostream> using namespace std; class MyString { publi ...