您的位置:首页 > 产品设计 > UI/UE

EasyUI datagrid表格双击操作的实现

2016-03-31 10:13 429 查看
在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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息