EasyUI使用之鼠标双击事件
easyui鼠标双击事件,使用 onDblClickRow(index, row) 事件,在用户双击一行的时候触发,参数包括:
- index:点击的行的索引值,该索引值从0开始。
- row:对应于点击行的记录。
$("#wu-datagrid-news").datagrid({
loadFilter: pagerFilter,//分页
rownumbers: true,//如果为true,则显示一个行号列。
singleSelect: false,//如果为true,则只允许选择一行。
multiSort: true,//定义是否允许多列排序。
fitColumns: true,//真正的自动展开/收缩列的大小,以适应网格的宽度,防止水平滚动。
fit: true,//自适应
idField: 'id',//指明哪一个字段是标识字段
loadMsg: 'Processing, please wait …',//在从远程站点加载数据的时候显示提示消息。
pagination: true, //如果为true,则在DataGrid控件底部显示分页工具栏。
columns: [[{
field: 'id', //列字段名称
width: '100', //列的宽度。如果没有定义,宽度将自动扩充以适应其内容。
title: 'ID', //列标题文本
checkbox: true //复选框,该复选框列固定宽度。
}, {
field: 'trainTitle',
title: '标题',
width: '300',
align: 'center'
}, {
field: 'trainAuthor',
title: '作者',
width: '100',
align: 'center'
}, {
field: 'trainBody',
title: '正文',
width: '500',
align: 'center'
}, {
field: 'imgPath',
title: '图片',
width: '80',
align: 'center',
hidden:'true'//此列隐藏
}, {
field: 'createTime',
title: '创建时间',
width: '150',
align: 'center'
}
]],
onDblClickRow:function(rowIndex){//鼠标双击事件
$("#wu-datagrid-news").datagrid("selectRow",rowIndex);//选中此行
var currentRow = $("#wu-datagrid-news").datagrid("getSelected");//获得选中行的信息
//弹出框赋值
$("#newsTitle").val(currentRow["trainTitle"]);
$("#newsAuthor").val(currentRow["trainAuthor"]);
$("#newImg").attr('src','');
$("#newImg").attr('src',httpurl+'/'+currentRow["imgPath"]);
$("#newsBody").val(currentRow["trainBody"]);
$("#imgPath").hide();
$('#wu-dialog-news').dialog({//弹出框
closed: false,
modal: true,
title: "查看信息",
buttons: [{
text: '确定',
iconCls: 'icon-ok',
handler: function () {
$('#wu-dialog-news').dialog('close');
}
}]
});
}
});
EasyUI使用之鼠标双击事件的更多相关文章
- IE和Chrome执行javascript对鼠标双击事件的不同响应
最近在用天地图API帮同学做点开发的工作,主要是基于天地图的API实现违法用地举报的在线地图标绘,要实现的效果如下: 由于是基于天地图API的TPolygonTool工具实现面积量测和多边形绘制功能, ...
- WPF 之 鼠标双击事件
由于WPF中没有鼠标的双击事件,因而只能通过MouseDown事件来模拟.当连续的两次MouseDown事件的时间间隔,没有超过一个设定的时间阈值时,就计算为一个双击事件,并作相应的处理. 利用WPF ...
- MFC鼠标单击截获鼠标双击事件,且无法记录单击的数据的解决方案
遇到的问题: 鼠标点击会截断鼠标双击的事件,无法保存椭圆的数据.也就是说双击执行的过程是OnLButtonDown,OnLButtonUp,OnLButtonDblClk,OnLButtonUp.并不 ...
- Silverlight 鼠标双击 事件
Silverlight 双击事件例子 <UserControl x:Class="MouseDbClick.MainPage" xmlns="http://sche ...
- java列表组件鼠标双击事件的实现
Swing中提供两种列表组件,分别是列表框(JList)和组合框(JComboBox). 一.JList组件 构造方法: public JList():构造一个空的.具有只读模型的JList.publ ...
- Unity 如何检测鼠标双击事件
代码如下: void OnGUI(){ Event e=Event.current; )) Debug.Log("用户双击了鼠标"); }
- javascript模拟鼠标双击事件
通常我们在做开发的时候需要通过单击切换对立事件,简单做了一个模型. <!DOCTYPE html> <html> <head> <title>javas ...
- winform listbox增加鼠标双击事件
在Form.Designer.cs文件中对于listBox处理: listBox.MouseDoubleClick += new system.Windows.Forms.MouseEventHand ...
- vue doubleclick 鼠标双击事件
Vue-dblclick事件(此外事件还有mouseover,mouseout,click,mousdown...): v-on:dblclick="函数" v-on:click/ ...
随机推荐
- 使用connect-multiparty限制nodejs图片上传
connect-multiparty中间件,可用于获取文件上传时各种参数,比如文件大小.格式等,具体使用: var multipart = require('connect-multiparty'); ...
- 实例化geoserver wms服务
var vectorWmsJHdataLayer = new ol.layer.Tile({ source: new ol.source.TileWMS({ //地址 url:'http://loca ...
- Vue-Render函数理解示例
对应文档节点: https://vuefe.cn/v2/guide/render-function.html#Slots <body> <div id="app" ...
- [javaEE] 开源数据库连接池
一些开源组织提供了数据源的独立实现: DBCP数据库连接池 C3P0数据库连接池 Apache Tomcat内置的连接池 DBCP连接池 apache提供的连接池实现,需要导入common-dbcp. ...
- ASID 与 MIPS 中 TLB 相关
ASID 为了提高TLB的性能,将TLB分成Global和process-specific.global 是指常驻在tlb中不会被刷出的,例如内核空间的翻译,process-specific 是指每个 ...
- Java基础(六)包装类
一.包装类 JAVA是一种面向对象语言,java中的类把方法与数据连接在一起,但在JAVA中不能定义基本类型对象,为了能将基本类型视为对象进行处理,java为每个基本类型都提供了包装类. 对应关系如下 ...
- poj 1276(多重背包+最接近)
http://www.cnblogs.com/rainydays/archive/2013/03/08/2950258.html http://www.cnblogs.com/ziyi--caolu/ ...
- JS里的居民们7-对象和数组转换
编码 学习通用的数据用不同的数据结构进行存储,以及相互的转换 对象转为数组: var scoreObject = { "Tony": { "Math": 95, ...
- react+antd 选项卡切换
index.js: import React from 'react'; import ReactDOM from 'react-dom'; import CardSecond from './Car ...
- CentOS 7运维管理笔记(3)----Linux路由器配置
当正在配置的Linux主机需要作为路由器使用时,通过以下步骤配置后,子网上的计算机就可以访问外网了: 1. 编辑 /etc/sysctl.conf 文件,添加 net.ipv4_ip_forward ...