在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进行你需要的操作
不喜勿喷,只是做个记录。。。。