jquery ezUI 双击行记录弹窗查看明细-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

jquery ezUI 双击行记录弹窗查看明细

阅读量：6860 次

发布时间：2019-06-26

本文共 1274 字，大约阅读时间需要 4 分钟。

第一步：给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

});

}

转载地址：http://siayl.baihongyu.com/

你可能感兴趣的文章

《Adobe Photoshop CS5中文版经典教程（全彩版）》—第1课1.7节检查更新

《微课实战：Camtasia Studio入门精要》——2.3　录制屏幕

码云周一见 | 老司机教你如何麻溜地搭建网站

走进阿里云：做云数据、大计算的No.1

listview优化（中）

当安全遇上AI 阿里聚安全算法挑战赛完美收官

怪”博士闵万里：用人工智能，解决吃饭出行问题

ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍(下)

日志服务（原SLS）新功能发布(8)--日志服务Web Tracking功能

kvm虚拟化学习笔记(十三)之kvm虚拟机磁盘文件读取小结

iOS开发之即时通讯之Socket（AsyncSocket）

unsupported major.minor version 解决方法

ExtJS之Ext.getDom

数据产品设计专题（5）- 分布式数据仓库技术架构

为什么选用 React 创建混合型移动应用？

自己收集的关于企业数据安全，等级，备份恢复的方案等文档

“System.Collections.Generic.IEnumerable<TestDAL.HistoryData>”不包含“ToList”的定义

pg 函数sfa_tmp_sleep()执行越来越慢-sql分析

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2025-02-01 14:50:07 当前IP: 3.139.67.114 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我