<div id="magazineGrid"></div>
<script>
$('#magazineGrid').datagrid({
   height: 340,
//在创建完成后会根据url请求数据,通过ajax完成
   url: '<c:url value="/kpOutSystem/view.do?op=getList"/>',
   method: 'POST',
queryParams: { 'id': id },
idField: '产品ID', //该列为唯一列
striped: true, //交替显示行背景
fitColumns: true, //自动使列适应表格宽度以防水平滚动
singleSelect: false, //只允许选择一行
rownumbers: true, //显示行号
nowrap: false, //当数据长度超出列宽时会自动截取
   pagination: false,//是否分页
pageNumber:50, //设置分页时,初始化分页码
pageSize: 10, //设置分页时,初始化每页记录数
pageList: [10, 20, 50, 100, 150], //设置分页时,初始化每页记录数列表
showFooter: true, //是否显示表底(可以显示总计)
//多表头
columns: [[
{ title: '',colspan:3 },
{ title: '',colspan:3},
   ],[
{ field: 'ck', checkbox: true },//添加了checkbox列,自适应宽度
{ field: '刊名', title: '刊名', width: 180, align: 'left' },
{ field: '类别', title: '类别', width: 150, align: 'left' },
{ field: '月份', title: '月份', width: 100, align: 'left' },
{ field: '价格', title: '价格', width: 100, align: 'right',hidden:true, },//隐藏
{ field: '数量', title: '数量', width: 80, align: 'left',
editor: {//行编辑的功能
type: 'numberbox',
options: {//对应具体配置
min: 0,
precision: 0
}
}
}
]],   onBeforeLoad: function (param) {//ajax请求添加查询条件
var bId = $("#txtBId").val();
var AllSearchKey = $("#txtAllSearchKey").val();
param.bId = bId;
param.AllSearchKey = AllSearchKey;
  }, onLoadSuccess: function (data) {
}, onLoadError: function () {
}, onClickCell: function (rowIndex, field, value) {
}
});
</script>

------

<table id="dataTable"></table>

<script>
  var rowData = $('#dataTable').datagrid('getSelected');//获取所选行   function makeDataGrid(){
  var sbstr = "";
   $('#dataTable').datagrid({
  nowrap: true,
  striped: true,
  url:'<c:url value="/groupInvoice/view.do?op=getInvoiceList"/>',
      //在创建完成后会根据url请求数据,通过ajax完成
  pageSize:20,
  pageNumber:1,
  pageList:[10,20,50],
  remoteSort:false,
  columns:[[
    {field:'payBillID',title:'支付号',sortable:true,checkbox:true},
    {field:'errorMsg',title:'错误信息 ',sortable:true,
    formatter:function(value,row,index){
    if(value !=null){
      return "<font color='red'>"+value+"</font>";
     }
  }
},
{field:'payId',title:'payId',sortable:true,hidden:true},
      {field:'adminName',title:'学员代码',sortable:true},
      {field:'idCard',title:'身份证号',sortable:true},
      {field:'outSystemSign',title:'外系统编码 ',sortable:true},
      {field:'payMoney',title:'支付金额 ',sortable:true},
      {field:'payTime',title:'支付时间 ',sortable:true,
      formatter:function(value,row,index){
      if(value !=null){
      var result =genStrDateTimeAll(value);
      return result;
      }
      }
      },
      {field:'bankReturnTime',title:'返回时间',sortable:true,
       formatter:function(value,row,index){
      if(value != null){
      var result = genStrDateTimeAll(value);
      return result;
      }
      }
      },
      {field:'invoiceStatus',title:'发票状态',sortable:true,
       formatter:function(value,row,index){
     var payBillID = row.payBillID;
     var payMoney = row.payMoney;
     var adminName = row.adminName;
     var parm = "";
     parm += "&payBillID="+payBillID;
     parm += "&payMoney="+payMoney;
     parm += "&adminName="+adminName;
     if(value == 0 || value == 9){
    return "新申请";
}else{
return "未申请";
}
}
},
]], queryParams: {
  payTimeStart: '${payTimeStart}' ,
payTimeEnd: '${payTimeEnd}',
outSystemSign: '${outSystemSign}',
groupID:'${groupID}'
},
pagination:true,
rownumbers:true,
onLoadSuccess:clearSelections    /* 动态控制复选框
   onLoadSuccess: function(data){
  if (data.rows.length > 0) {
  //循环判断操作为新增的不能选择
  for (var i = 0; i < data.rows.length; i++) {
    //根据operate让某些行不可选
  if (data.rows[i].invoiceStatus == 8|| data.rows[i].invoiceStatus == 13||data.rows[i].invoiceStatus == 14 ) {
    $("input[type='checkbox']")[i + 1].disabled = true;
  }
  }
}
},      onClickRow: function(rowIndex, rowData){
  //加载完毕后获取所有的checkbox遍历
  $("input[type='checkbox']").each(function(index, el){
    //如果当前的复选框不可选,则不让其选中
    if (el.disabled == true) {
    $('#dataTable').datagrid('unselectRow', index - 1);
   }
  })
}*/
});
}
</script>

easy-ui的datagrid的更多相关文章

  1. 让Easy UI 的DataGrid直接内嵌的JSON对象,并重写form load 方法

    前言 我有这样的JSON对象 { "UserName": "jf", "UserPwd": "123456", &quo ...

  2. easy ui datagrid 让某行复选框不能选中

    //百度查找出来的 onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历             if (data.rows.length > ...

  3. easy ui datagrid 增,删,改,查等基本操作

    如下图: ①列表信息图 ②添加信息图 ③修改信息图 html代码: <%@ Page Title="" Language="C#" MasterPageF ...

  4. JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单

    JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...

  5. Jquery Easy UI Datagrid 上下移动批量保存数据

    DataGrid with 上下移动批量保存数据 通过前端变量保存修改数据集合,一次性提交后台执行 本想结合easyui 自带的$('#dg').datagrid('getChanges'); 方法来 ...

  6. Easy UI form表单提交 IE浏览器不执行success ,以及 datagrid 展示过慢

    最近在做一个Easy ui的项目 发现了一些问题,在这里总结下 1.表单提交,后端代码 public ActionResult Save(Request model) { ResultInfo _in ...

  7. Struts2 easy UI插件

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

  8. Easy UI常用插件使用

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

  9. easy ui插件

    简介: easy UI是类似于jQuery UI的插件库 注意:多脚本同时使用时,注意脚本冲突问题. 常用插件: 1.tree插件(tree插件实现动态树形菜单) 2.datagrid插件(datag ...

  10. easy ui 1.4的NumberBox,失去焦点后不能再次输入小数点

    这也是1.4版本的bug,现在1.4.1也发布了,经验证,该问题在新版本中已经解决了 在网上找到的解决办法,地址:http://www.jeasyui.com/forum/index.php?topi ...

随机推荐

  1. GraduateDesign-初试APP编写(去除虚拟按键和禁止状态栏下拉)

    为了毕设的要求,需要在Android系统上运行一个app来控制硬件,今天开始这个app的编写. 首先,我们的系统将只运行这个app,也就是我们不需要状态栏,虚拟按键等. 故这里将app设置为全屏模式. ...

  2. ESP8266-01烧录神器,ESP8266-01S烧录程序 ESP-01烧录固件

    如下图所示:"USB转ESP8266",在某宝上可以买到,但是建议买两个! 为什么要买两个呢?一个用于测试AT指令.接电呀什么的.另外一个通过焊接就可以改造成烧录器了. 引脚说明: ...

  3. vue3系列:vue3.0自定义全局弹层V3Layer|vue3.x pc桌面端弹窗组件

    基于Vue3.0开发PC桌面端自定义对话框组件V3Layer. 前两天有分享一个vue3.0移动端弹出层组件,今天分享的是最新开发的vue3.0版pc端弹窗组件. V3Layer 一款使用vue3.0 ...

  4. RocketMQ(十):数据存储模型设计与实现

    消息中间件,说是一个通信组件也没有错,因为它的本职工作是做消息的传递.然而要做到高效的消息传递,很重要的一点是数据结构,数据结构设计的好坏,一定程度上决定了该消息组件的性能以及能力上限. 1. 消息中 ...

  5. Redis 设计与实现 9:五大数据类型之集合

    集合对象的编码有两种:intset 和 hashtable 编码一:intset intset 的结构 整数集合 intset 是集合底层的实现之一,从名字就可以看出,这是专门为整数提供的集合类型. ...

  6. WPF 关于拖拽打开文件的注意事项

    由于开发需求,需要开发一个类似Win图片浏览的工具 当然也涉及到了拖拽打开的需求 按照固有思路: <Grid x:Name="grid1" AllowDrop="T ...

  7. PHP 清除缓存文件

    /*清除缓存文件*/ public function clearRuntime() { $this->delFileByDir(RUNTIME_PATH); $this->success( ...

  8. Linux下的upx命令学习

    upx学习 今天我们来学习一款给应用加壳的软件,叫做upx(the Ultimate Packer for eXecutables) 首先我们先看下它**百科的释义: UPX (the Ultimat ...

  9. 【C++】《C++ Primer 》第七章

    第七章 类 一.定义抽象数据类型 类背后的基本思想:数据抽象(data abstraction)和封装(encapsulation). 数据抽象是一种依赖于接口(interface)和实现(imple ...

  10. LeetCode150 逆波兰表达式求值

    根据逆波兰表示法,求表达式的值. 有效的运算符包括 +, -, *, / .每个运算对象可以是整数,也可以是另一个逆波兰表达式. 说明: 整数除法只保留整数部分. 给定逆波兰表达式总是有效的.换句话说 ...