jquery ezUI 双击行记录弹窗查看明细的实现方法
第一步：给DataGrid绑定onDblClickRow事件；
<table title="" id="dataTable" class="easyui-datagrid" style="height: 500px;" data-options="
url: '/ajaxget.aspx?_t='+new Date().getTime()+'&_action=SVNGetHandler.GetSearchPageData&searchType=&keyword=*',
method: 'get',
rownumbers: true,
singleSelect:true,
border:0,
idField: 'Id',
columns:[[
{field:'ProjectId',title:'项目Id',width:30,align:'left'},
{field:'ProjectName',title:'项目名称',width:150,align:'left'},
{field:'ProjectNum',title:'项目编号',width:100,align:'left'}
]],
toolbar:'#myToolbar',
pagination:true,
fitColumns: true,
pageSize:20,
onDblClickRow:onDblClickRow
">
</table>
第二步：编写行双击事件
//行双击事件
function onDblClickRow() {
var item = $('#dataTable').datagrid("getSelected");
if (item != null) {
editId = item.Id;
var html = "";
html += "项目名称：" + item.ProjectName + "<br/>";
html += "项目编号：" + item.ProjectNum + "<br/>";
html += "<br/>";
show(item.ProjectName + " 项目详情", html);
}
}
第三步：弹出窗口显示详细信息：
<div id="details" style="padding: 10px;line-height:20px;font-size:12px"></div>
function show(title, msg) {
$('#details').html("<div id=\"output\" style=\"width:99%;height:96%;border:0\">" + msg + "</div>");
$('#details').dialog({
title: title,
width: 800,
height: 400,
iconCls: 'icon-custom-eye',
closed: false,
cache: false,
modal: true
});
}
以上这篇jquery ezUI 双击行记录弹窗查看明细的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍Android双击退出的实现方法，包括了Android双击退出的实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android双击退出的实现方法。分享给大家供大家参考。具体实现方法如下： 方式一： 重写onBackPressed方法直接监听返回键(建议高版本用2.0以上) 方式二： （推荐使用） 希望本文所述对大家的Android程序设计有所帮助。
-
要查看数据库的记录，我们首先需要使用TableRegistry类来获取表。 我们可以使用get()方法从注册表中get()实例。 get()方法将数据库表的名称作为参数。 现在，这个新实例用于使用find()方法从数据库中查找记录。 此方法将返回所请求表中的所有记录。 例子 (Example) 在config/routes.php文件中进行更改，如以下代码所示。 config/routes.php
-
本文向大家介绍js实现双击图片放大单击缩小的方法，包括了js实现双击图片放大单击缩小的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现双击图片放大单击缩小的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍C#实现给DataGrid单元行添加双击事件的方法，包括了C#实现给DataGrid单元行添加双击事件的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了C#实现给DataGrid单元行添加双击事件的方法。分享给大家供大家参考。具体如下： 现在我需要做到的功能是当我单击DataGrid某行时显示相对应选中的数据信息，在双击此相同行时弹出删除对话框，应该怎么做呢。由于单击问题
-
本文向大家介绍C#禁用双击窗体图标关闭窗体的方法，包括了C#禁用双击窗体图标关闭窗体的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了C#禁用双击窗体图标关闭窗体的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的C#程序设计有所帮助。
-
在概览页面中，点击一个实例卡片以打开其“实例详细信息”页面。它以可视方式显示服务器参数和指标，让你快速查看服务器负载和性能。你可以使用“暂停监控”和“继续监控”按钮来暂停和继续监控实例。Navicat Monitor 会停止从服务器收集信息，直到监控继续。 所有受监控的实例都显示在左侧窗格中。选择一个实例以查看与其相关的信息。 实例详细信息页面的信息 摘要 它显示有关服务器的主机信息、服务器属性、