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使用之鼠标双击事件的更多相关文章

  1. IE和Chrome执行javascript对鼠标双击事件的不同响应

    最近在用天地图API帮同学做点开发的工作,主要是基于天地图的API实现违法用地举报的在线地图标绘,要实现的效果如下: 由于是基于天地图API的TPolygonTool工具实现面积量测和多边形绘制功能, ...

  2. WPF 之 鼠标双击事件

    由于WPF中没有鼠标的双击事件,因而只能通过MouseDown事件来模拟.当连续的两次MouseDown事件的时间间隔,没有超过一个设定的时间阈值时,就计算为一个双击事件,并作相应的处理. 利用WPF ...

  3. MFC鼠标单击截获鼠标双击事件,且无法记录单击的数据的解决方案

    遇到的问题: 鼠标点击会截断鼠标双击的事件,无法保存椭圆的数据.也就是说双击执行的过程是OnLButtonDown,OnLButtonUp,OnLButtonDblClk,OnLButtonUp.并不 ...

  4. Silverlight 鼠标双击 事件

    Silverlight 双击事件例子 <UserControl x:Class="MouseDbClick.MainPage" xmlns="http://sche ...

  5. java列表组件鼠标双击事件的实现

    Swing中提供两种列表组件,分别是列表框(JList)和组合框(JComboBox). 一.JList组件 构造方法: public JList():构造一个空的.具有只读模型的JList.publ ...

  6. Unity 如何检测鼠标双击事件

    代码如下: void OnGUI(){ Event e=Event.current; )) Debug.Log("用户双击了鼠标"); }

  7. javascript模拟鼠标双击事件

    通常我们在做开发的时候需要通过单击切换对立事件,简单做了一个模型. <!DOCTYPE html> <html> <head> <title>javas ...

  8. winform listbox增加鼠标双击事件

    在Form.Designer.cs文件中对于listBox处理: listBox.MouseDoubleClick += new system.Windows.Forms.MouseEventHand ...

  9. vue doubleclick 鼠标双击事件

    Vue-dblclick事件(此外事件还有mouseover,mouseout,click,mousdown...): v-on:dblclick="函数" v-on:click/ ...

随机推荐

  1. PL/SQL之流控制语句

    1.选择控制语句 --语法1--IF 条件 THEN 语句; END IF; DECLARE v_Salary ,); BEGIN SELECT salary INTO v_Salary FROM a ...

  2. javaweb中带标签体的自定义标签

    1.完整的示例代码: 标签体的处理器类,JspFragmentTest.java package com.javaweb.tag; import java.io.IOException; import ...

  3. IOC和DI到底是什么?

     在学习Spring框架的时候,我们总是能见到IOC这个单词,也时常听到DI这个词,那么他们分别是什么意思呢?接下来就讲讲个人对于这两个概念的理解  一.IOC和DI概念 IOC(控制反转):全称为: ...

  4. Effective C++ .15,16获取原始资源和成对使用同类型new和delete

    15. 智能指针可以通过get操作 #include <iostream> #include <cstdlib> #include <memory> using n ...

  5. java IO流实现删除文件夹以及文件夹中的内容

    这篇主要是对IO文件流对文件常用处理中的删除文件夹,平时我们直接删除文件夹既可以删除里面的全部内容. 但是java在实现删除时,只能是文件才会被删除. 所以这里需要定义一个方法,来递归调用方法(递归调 ...

  6. mongodb使用实践---mongodb+mongo-java-driver+morphia

    package com.lolaage.dals.dbfactory.mongodb; import java.net.UnknownHostException; import java.util.A ...

  7. Mysql与web之间的数据、查询等个问题

    Mysql与web之间的数据.查询等个问题 在自己写的一个jsp主页连接数据库出现的各种问题,写记下来与大家分享,共勉.最后附jdbc代码. ---DanlV Error 1---错误代码: java ...

  8. 【Udacity】误差原因——方差variance与偏差bias

    偏差造成的误差-准确率和欠拟合 方差-精度和过拟合 Sklearn代码 理解bias &variance 在模型预测中,模型可能出现的误差来自两个主要来源,即:因模型无法表示基本数据的复杂度而 ...

  9. AndroidStudio安装教程

    Android studio安装与配置 1.首先下载Android studio安装包,可以从http://www.android-studio.org/ 2.下载好该安装包之后,点击进行安装,依次出 ...

  10. javascript tips and snippets

    如何给javascript对象动态创建动态key // ES2015 var key = 'DYNAMIC_KEY', obj = { [key]: 'ES6!' }; console.log(obj ...