EasyUI datagrid表格双击操作的实现

来源：互联网发布：汉武帝与唐太宗知乎编辑：程序博客网时间：2024/05/17 03:36

在EasyUI的表格中实现双击某行执行相应操作，主要使用onDblClickRow方法，参考代码如下：

<table id="movieList"></table><script type="text/javascript">var movieList;$(function() {movieList = $('#movieList').datagrid({method : "get",url : '${path}/movie/getlist',fit : true,loadMsg : "正在加载影片数据，请稍等...",fitColumns : true,border : false,idField : 'id',striped : true,nowrap : false,pagination : true,rownumbers : true,pageNumber : 1,pageSize : 20,pageList : [ 10, 20, 30, 40, 50 ],singleSelect : true,columns : [ [ {field : 'id',title : 'id',hidden : true,align : 'center'}, {field : 'chinesename',title : '影片名称',width : 150,align : 'center'}, {field : 'uuid',title : 'UUID',width : 150,align : 'center'}, {field : 'packagename',title : '包名',width : 150,align : 'center'}, {field : 'videoformat',title : '视频格式',width : 50,align : 'center'}, {field : 'audioformat',title : '音频格式',width : 50,align : 'center'}, //{field : 'publisher',title : '发行者',width : 150,align: 'center'},] ],enableHeaderClickMenu : true,enableHeaderContextMenu : true,enableRowContextMenu : false,toolbar : '#tb',onDblClickRow:function(){    //双击进行操作的方法var row = movieList.datagrid('getSelected');if (!row)            //为防止意外情况可以选择加上此判断return;var url = '${path}/movie/detail?uuid='+row.uuid;window.location.href=url;  //双击后具体执行的东东}});});</script>

0 0