因为工作遇到了然后百度了好久很多人,很复杂的做法,代码一串一串的看的我云里雾里,
最后想清楚了 其实我遇到的还算挺简单的,把我自己的做法分享给大家;
首先是效果图:
点详情就会单独弹框
成这样。
一开始我没做出来的时候效果是这样的:
,
后来想了一下是div的问题,如果把下面的表单放到弹框里面效果会是怎么样的。
图里面有两个table id为dg的是显示没有点击时候的数据
也就是最开始的图,dg2是弹窗以后需要显示的数据,把他放到了弹窗内部。
function showMore(){
$('#dd').dialog({
title : '详情',
width : 400,
height : 300,
closed : false,
cache : false,
modal : true
});
$('#dg2').datagrid({
url:'/custom/findAll',
rownumbers:true,
columns:[[
{field:'cName',title:'名称',width:200},
{field:'cContent',title:'内容',width:100},
{field:'cCondition',title:'条件',width:100},
]],
pagination:true,
pageSize:20,
pageList:[20,40,60,80]
});
}
这是我的js补分代码,仅供参考,小白一枚,勿喷