easyUI双击事件，完整总结

最新推荐文章于 2022-11-15 09:57:57 发布

牧佑

最新推荐文章于 2022-11-15 09:57:57 发布

阅读量2.7k

点赞数

文章标签： easyUI双击

本文链接：https://blog.csdn.net/qq_34301871/article/details/53940976

版权

我上一篇双击总结文章，然后这是另一种实现方法

/ 双击事件
var showSelectedSurveryDataOnMap=function(rowIndex,currentRow){
// console.info(rowData);
$('#title').text(currentRow.title);
$('#corpName').text(currentRow.corpName);
$('#createTime').text(currentRow.createTime);
$('#nr').html(currentRow.dutyContent);
   $("#content").show().dialog({
                    fit:"true",    
                    modal:true ,
                    showType:'show',
                    cache:false,
                    collapsible:false,
                    title:'查看内容',
                    minimizable:false,
                    maximizable:true,
                    closable:false,
                    draggable:false,
                    buttons:[{
                        text:"关闭",
                        iconCls:'icon-no',
                        handler:function(){
                            $('#content').dialog('close');
                         //   window.location.reload();//刷新当前页面.
			return;
                        }
                    }]
                });


}

这种实现效果是

然后此时遇到一个BUG 就是双击行时候，一直显示的是第一条数据，我重新翻了翻demo然后重新做了一个方法

<div id="Dcontent" class="easyui-dialog" title="查看内容"  style="display: none" closed="true" data-options=" fit:'true',closable:'false'">

引入一个 dialog 默认是关闭的状态，然后在双击事件里面加入行元素的field大功搞成，

 onDblClickRow :function(rowIndex){ 
  				var currentRow =$("#MessPubList").datagrid("getSelected");
            	$('#Dcontent').dialog('open');
            	$('#title').text(currentRow.title);
				$('#createTime').text(currentRow.createTime);
				$('#nr').html(currentRow.messContent);
  				},

留念，有需要的朋友可以参考一下，共同进步。