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/ ...
随机推荐
- 使用union合并查询
语法: select …..from 表1 union select ……from 表2 2. 合并查询的特点 ① 合并的表中的列的个数.数据类型必须相同或向兼容. ② union默认去掉重复值,如果 ...
- WPF简单的数据库查询
做一个简单WPF连接数据库的 控件类型和名称:DataGrid:dataGrid Button1 :Button1 Button: Button2 ...
- Shiro - 关于Realm
之前在Authentication和Authorization中也提到Realm. 无论是身份验证还是权限验证,无论数据以什么方式存在,我们都需要访问一些数据并将其转换为Shiro可以识别的格式. 通 ...
- monodb分片集群部署
本文档基于MongoDB版本3.6.2 下载地址: 建议使用最新版本 https://www.mongodb.com/download-center#community 安装文件 集群ip及端口设计方 ...
- Excel批量生成条形码
项目要求需要将信息做成条形码的形式,以便通过手持设备直接查看信息,因本次项目信息为固定信息,不需随机生成,故采用本方法: 代码随机生成二维码暂时没有接触,后续有时间会研究 步骤: 1.新建 Excel ...
- Mybatis执行sql(insert、update、delete)返回值问题
数据库:Mysql 在使用mybatis的过程中对执行sql的返回值产生疑问,顺手记录一下. 结论: insert: 插入n条记录,返回影响行数n.(n>=1,n为0时实际为插入失败) up ...
- nginx服务器绑定多个域名、支持pathinfo路由、隐藏index.php入口文件
这篇文章仅仅是操作,解释说明部分待更新. 1. 修改nginx的配置文件(我的配置文件在/etc/nginx/nginx.conf) [root@xxx ~]# find / -name nginx. ...
- perf4j 监控请求 + traceId区分日志
1. 场景 从request进入Controller到出去的时间, 可以统计接口访问的一些数据,如:平均处理时间.最大处理时间 2. 代码 2.1 mvc-servlet 定义切面和拦截器 <? ...
- Echarts按需引入后没有显示图例问题
因为Echarts官网的例子都是引入整个Echarts.js.如果使用按需引入对应模块就要记得引入legend模块,才能显示出图例. 例如这样: require("echarts/lib/c ...
- Ubuntu / Raspberry 下切换GCC版本
目前Ubuntu 自带的GCC版本为4.6,遗憾的是在实际使用时,反而版本越高越好问题越多,所以,一旦遇到编译问题时最好先检查你下载的工程里的readme,默认的编译器版本是否为当前的安装版本,如果不 ...