EasyUI单击选中一行数据并获取数据

在EasyUI中有一个单击事件

onClickRow   单击一行事件
onDblClickRow  双击一行事件

首先,应该在datagrid的columns中添加一隐藏列id(数据库查询语句中要有这个字段的查询数据)

之后在写单击事件或双击事件,一些解释就仔细看一下图片上的注释

//根据datagrid加载表格数据
$('#dg').datagrid({
   title:'公司报表',
   url:"{:U('Baobiao/get_user')}?weidu="+weidu+"&aid="+aid+"&bid="+bid+"&kunnr="+kunnr+"&name1="+name1+"&vbeln="+vbeln,
   idField : 'id', //设置表的唯一主键为id
   striped : true,//设置表隔行变色
   nowrap : false,//换行显示
   columns:[[
      {field:'ID',title:'aid',hidden:true,},
      {field:'organization2text',title:'公司',width:120},
      {field:'dmbtrall',title:'占用合计',width:100,align:'right'},
      {field:'zovdmall',title:'逾期合计',width:100,align:'right'},
      {field:'htzyeall',title:'已审未占合计',width:100,align:'right'},
      {field:'dmbtr',title:'销售占用',width:100,align:'right'},
      {field:'zovdm',title:'销售逾期',width:100,align:'right'},
      {field:'htzye',title:'销售已审未占',width:100,align:'right'},
      {field:'dmbtr1',title:'采购占用',width:100,align:'right'},
      {field:'zovdm1',title:'采购逾期',width:100,align:'right'},
      {field:'htzye1',title:'采购已审未占',width:100,align:'right'},

   ]],
   enableHeaderClickMenu : true,//此属性开启表头列名称右侧那个箭头形状的鼠标左键点击菜单
   enableHeaderContextMenu : true,//此属性开启表头列名称右键点击菜单
   enableRowContextMenu : false,
   onClickRow:function(){    //单击进行操作的方法
      var row = $('#dg').datagrid('getSelected');//获取选中行的数据
      if (!row){
         return;//为防止意外情况可以选择加上此判断
      }
      var aid = row.ID;//获取选中行的id

下面就可以根据获取的行id进行你需要的操作

不喜勿喷,只是做个记录。。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值