Jquery easyui 实现datagrid的单元格点击跳出弹出框

最开始，页面布局如图，我们需要选中一行后再点击查看详情才可以，若点中两行，则跳出的弹出框。

然后呢，客户为了方便，要求直接在每一行操作后即可查看详情。所以，我就开始了吭哧吭哧改页面之路。

刚开始，我是想做成点击后直接下拉框内有详情的样子，如

这个样子的。可是呢，好像和我们想展示的周报详情有点不太符合，毕竟周报内容比较多，同时为了方便删除，我保留了选择框。

最后决定做成每一行添加按钮，可以直接点击按钮查看的样子。

如图所示。

下面我把主要代码分享上来。

<!-- 弹出框 -->
  	<div id="weekly_view_dlg">
		<div style="padding: 5px" class="main">
			

				<table id="table1" border="1" cellpadding="1" cellspacing="0"
					class="list_process" width="100%">

					<tr>
						<td align="center" style="width: 100px;">创建者</td>
						<td style="width: 200px;"><label name="creator"></label></td>
						<td align="right">创建时间</td>
						<td style="width: 200px;"><label name="createTime"></label></td>
						<!-- <td><input id="createTime" name="createTime" style="width: 150px;" readonly="true" /></td> -->
						
					</tr>
					
					
					<tr>
						<td align="center">周报标题 </td>
						<td colspa