1. 程式人生 > >EasyUI datagrid表格雙擊操作的實現

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>