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>
相关文章推荐
- Win7 不能运行bat
- easyui------显示隐藏列功能
- 表格标签table深入了解
- 如何使用jquery easyui创建标签组件
- Flex4 DataGrid中嵌入RadioButton实现思路及代码
- datagrid不可编辑行有关问题的控制方法
- table 隔列(行)换色效果让表格结构更清淅
- table高级应用把表格进行到底(必看)
- jQuery寻找n以内完全数的方法
- VB返回记录集结果到HTML表格的方法
- C#实现改变DataGrid某一行和单元格颜色的方法
- 推荐10个2014年最佳的jQuery视频插件
- C#设置WinForm中DataGrid列的方法(列宽/列标题等)
- 表格高级使用技巧_把表格进行到底(必看)
- C#实现自定义双击事件
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- C#实例代码之抽奖升级版可以经表格数据导入数据库,抽奖设置,补抽
- java pdfbox2.0.0 划线,表格