• datagrid后台分页js.js


    $(function () {
    gridbind();
    bindData();
    });
    //表格绑定
    function gridbind() {
    $('#dg').datagrid({
    title: '动作管理',
    iconCls: '',
    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);
    }



  • 相关阅读:
    python 远程 部署和运行
    学习笔记——UML类图
    Core Data 多线程操作实战篇
    Core Data系列六——Custom Migration
    Core Data系列五——数据迁移方案
    NSOperation以及NSOperationQueue的使用
    Magical Record设计小谈
    Core Data系列四——多线程设计
    Core Data系列三——基本使用
    Core Data系列二——基础概念
  • 原文地址:https://www.cnblogs.com/huangf714/p/5918708.html
Copyright © 2020-2023  润新知