EasyUI datagrid表格雙擊操作的實現
阿新 • • 發佈:2019-02-07
在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>