easyui 双击事件

Posted 2023-05-02

双击datagrid1的某一行，显示另一个div里的datagrid2，datagrid2的数据是通过datagrid1的id获得的，该怎么写？？？各位大神帮帮忙！！！

参考技术A 以下代码是双击dg1，根据dg1中的的Reqid获取数据并显示dg2和dg3，dg1、dg2、dg3 都是datagrid：

//双击行，显示物料明细和审批历史；
$('#dg1').datagrid(
onDblClickRow: function (rowIndex, rowData)
//获取物料明细列表；
$.ajax(
url: 'getMatnrList',
type: 'POST',
data: 'requestId': rowData['Reqid'] ,
dataType: 'json',
success: function (data)
$('#dg2').datagrid('loadData', data);
,
error: function ()
alert('物料明细');

);
//获取审批历史列表；
$.ajax(
url: 'getHistoryList',
type: 'POST',
data: 'requestId': rowData['Reqid'] ,
dataType: 'json',
success: function (data)
$('#dg3').datagrid('loadData', data);
,
error: function ()
//alert('获取数据发生异常，请刷新重试');

);
//双击事件----
); //datagrid----本回答被提问者和网友采纳 参考技术B 你的意思是要把双击datagrid1的那一行数据显示到datagrid2中么？

easyui-datetimebox 控件绑定双击事件实现自动选中当前日期时间

本方法是在不改变原 js 的情况下，通过扩展方法来实现本目的

首先在 datetimebox 控件中扩展一个 绑定双击事件 的方法

 1 $.extend($.fn.datetimebox.methods, 
 2     //绑定双击事件方法
 3     bindDblClick: function (jq) 
 4         var panel = $(jq).combo("panel");
 5         panel.find(".calendar-dtable tbody").unbind(".calendar").bind("dblclick.calendar", function (e) 
 6             var calendar = $(jq).datetimebox("calendar");
 7             var spinner = $(jq).datetimebox("spinner");
 8             var current = calendar.calendar("options").current;
 9 
10             var year = current.getFullYear();
11             var month = current.getMonth() + 1;
12             var date = current.getDate();
13             var time = spinner.spinner("getValue");
14 
15             var datetime = year + "-" + month + "-" + date + " " + time;
16 
17             $(jq).datetimebox("setValue", datetime);
18 
19             $(jq).combo("hidePanel");
20         );
21     
22 );

然后在 datetimebox 控件中的 onShowPanel 事件中 进行绑定双击事件

1 $.extend($.fn.datetimebox.defaults, 
2     onShowPanel: function () 
3         $(this).datetimebox("bindDblClick");
4     
5 );

注意：上述两个 扩展必须 放在 加载 datetimebox 控件 之前。

该方法是在 easyui-1.7.0 版本的基础上 开发出来的。