$grid.newGrid

$grid.newGrid("#gridBox",{
  tools:[//工具栏按钮
    [//按钮组
      {
        iconCls:'plus',//图标
        text:'新增',//文字
        url:'userForm.html',//请求链接
        popMax:true,//默认采用popIframe弹窗模式，popMax为ture是全屏展示
        title:'用户信息-新增'//弹窗标题
      },
      {
        iconCls:'pencil',text:'修改',
        onlyOne:true,//只能操作一条记录
        notNull:'请选择你要修改的记录!',//为true必须选择记录行，内容为没有选择任何一条记录的提示
        popHeight:400,popWidth:560,//弹窗pop宽高
        url:'userForm.html?id={id}',//请求url地址,{}内为选择行的参数值，如果多选，值用逗号隔开
        title:'用户信息-修改'
      },
      {
        iconCls:'trash',text:'删除',
        check:true,//true为行check模式，默认false为行select模式
        url:'json/true.js',
        post:'userId=id&userName=name',//url请求为post模式，
        notNull:'请 <strong class="red">勾选</strong> 需要删除的一项或多项！',
        ajax:true,//请求为ajax模式，直接向服务器发送ajax请求
        ajaxMsg:'你确定提交此删除操作吗？'//ajax提示信息
        }
      ]//按钮组结束
    ,[//按钮组
      {
        iconCls:'refresh',
        text:'重置密码',
        click: function(){
            var rows = $('#gridBox').datagrid('getChecked'); //获取勾选行
            // var row = $('#gridBox').datagrid('getSelected'); //获取选中行
            var ids = rows.map((row) => row.id);
            ids = ids.join(',');
            $ajax.post({ //发送请求
                url: 'restPass.jhtml',
                data: {ids: ids},
                ...
            });
        }
      },
      {
        html: function($par,$grid,opt){//工具栏 插入html
          return '<input class="txt txt-number" name="num" data-options="min:0,precision:2"><button class="btn btn-small btn-primary" type="button">搜索</button>'
        },
        render : function($par,$grid,opt){//对插入的html代码进行事件初始化 $par：工具栏盒对象，$grid：grid对象,opt：当前工具行参数,比如 opt.someOpt 得到 cc
          var num = $par.find('.txt-number').val();
          $par.find('.btn').click(function(){
            $grid.datagrid('reload',{num:num});
          });
        },
        someOpt : 'cc'
      }
    ]//按钮组结束
  ],
  rownumbers : false,//是否显示rownumber，参考easyui原api
  fitColumns : false,//列是否自动展开，参考easyui原api
  singleSelect : false,//是否单选，参考easyui原api
  checkOnSelect : false,//check的时候同时select，参考easyui原api
  selectOnCheck : false,//select的时候同时check，参考easyui原api
  columns:[[//数据行
    {title:'id',field:'id',checkbox:true},
    {title:'用户名',field:'userName',sortable:true,width:100},//sortable打开单击表头排序功能
    {title:'姓名',field:'realName',sortable:true,width:100},
    {title:'性别',field:'sex',sortable:true,width:100,formatter:function(value,rows,index){//formatter自定义返回内容，参考easyui原api
          return ['','男','女'][value];
        }
      },
    {title:'创建日期',field:'createTime',width:150,format:'yyyy-MM-dd hh:mm:ss'}//format只支持时间format
    ,{title:'最后修改时间',field:'lastModifyTime',width:150}
  ]],
//   loader: function(params,success,error){//自定义请求数据函数 params为请求参数
//     return success([{userName:'张三',sex:'1'}]);
//   },
  onClickRow: function(index, row){}, //单击行
  onDblClickRow: function(index, row){}, //双击行
  onClickCell: function(index, row){}, //单击单元格
  onCheck: function(index, row){}, //当勾选行
  onUncheck: function(index, row){}, //当取消勾选行
  onBeforeLoad: function(params){ //请求前拦截函数
    if(!params.deptId){return false;} //r不满足条件,return false 中断请求
  },
  onLoadSuccess: function(data){
    console.log(data.rows,data.total);
  },
  url:'json/users.js'//grid请求地址
  ,offset : -50//高度偏移量，目的使grid表格高度正好适应窗口
});