EasyUI datagrid表格双击操作的实现

在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>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值