Ticket/InsdepUI/expand/jquery-easyui-datagridview/datagrid-detailview2.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>jQuery EasyUI</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="datagrid-detailview.js"></script>
	<script>
		var conf = {
			options:{
				fitColumns:true,
				columns:[[
					{field:'company',title:'Company Name',width:200},
					{field:'contact',title:'Contact Name',width:200},
					{field:'country',title:'Country',width:200}
				]],
				data:[
					{company:'Speed Info',contact:'Minna John',country:'Sweden'}
				]
			},
			subgrid:{
				options:{
					fitColumns:true,
					foreignField:'companyid',
					columns:[[
						{field:'orderdate',title:'Order Date',width:200},
						{field:'shippeddate',title:'Shipped Date',width:200},
						{field:'freight',title:'Freight',width:200}
					]],
					data:[
						{orderdate:'08/23/2012',shippeddate:'12/25/2012',freight:9734}
					]
				},
				subgrid:{
					options:{
						fitColumns:true,
						foreignField:'orderid',
						columns:[[
							{field:'price',title:'Unit Price',width:200,align:'right'},
							{field:'quantity',title:'Quantity',width:200,align:'right'},
							{field:'discount',title:'Discount',width:200,align:'right',formatter:function(value){
								return value*100+'%'
							}}
						]],
						data:[
							{price:923,quantity:2312,discount:0.2}
						]
					},
					subgrid:{
						options:{
							fitColumns:true,
							foreignField:'pid',
							singleSelect:true,
							columns:[[
								{field:'pnumber',title:'Product Number',width:200},
								{field:'pname',title:'Product Name',width:200},
								{field:'supplier',title:'Supplier',width:200}