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进行你需要的操作


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zyj_15067066062/article/details/53320142
个人分类: Javascript
上一篇php+JQ+EasyUI自动加载数据
下一篇HTML页面禁用Enter键自动提交表单
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭