xieshengjie
/
gdhb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
							<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/pages/includes/taglibs.jsp" %>
<head>
<script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
 <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
 <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
 
<script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagrid.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
 <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />

<script type="text/javascript">
	
	
	function queryData(){
		
			//var type=$("#type").val();
			
			//var url = '<%=request.getContextPath() %>/matrix/wplsAjax.action?tooltipId='+type;
			//$("#gridTable").setGridParam({url:url}).trigger("reloadGrid"); 
					$("#gridTable").jqGrid('GridUnload');	
			showJqGrid();	
	}
	
$(document).ready(function () {

showJqGrid();

});
function showJqGrid() {
var type=$("#type").val();
			
var url = '<%=request.getContextPath() %>/matrix/wplsAjax.action?tooltipId='+type;
var id = 'gridTable';


var datatype = 'json';

var colNames = ['风场', '装机容量(万千万)','装机台数','功率(万千瓦时)','风速/日照强度','运行','待机','故障','维护','离线','限电'];

var colModel = [

{ name: 'wpName', index: 'wpName', width: 150, align: 'center'},
{ name: 'capacity', index: 'capacity', width: 150, align: 'center'},
{ name: 'quantity', index: 'quantity', width: 150, align: 'center'},
{ name: 'power', index: 'power', width: 120, align: 'center'},
{ name: 'speed', index: 'speed', width: 120, align: 'center'},
{ name: 'yxts', index: 'yxts', width: 120, align: 'center'},
{ name: 'djts', index: 'djts', width: 120, align: 'center'},
{ name: 'tjts', index: 'tjts', width: 120, align: 'center'},
{ name: 'whts', index: 'whts', width: 120, align: 'center'},
{ name: 'lxts', index: 'lxts', width: 120, align: 'center'},
{ name: 'xdts', index: 'xdts', width: 120, align: 'center'}
];

var caption = '风场实时状态数据列表';


var sortname = 'daypg';

var gridPagerID ='gridPager';

var sortorder='desc';

var height='auto';

var width='auto';

var rownumbers=true;

var multiselect=false;

myJqGrid(id, url, datatype, colNames, colModel, caption,  sortname, gridPagerID,sortorder,height,width,
multiselect,rownumbers);}


</script>
<style type="text/css">


fieldset legend {  
    color:#302A2A;  
    font: bold 16px/2 Verdana, Geneva, sans-serif;  
    font-weight: bold;  
    text-align: left;  
    text-shadow: 2px 2px 2px rgb(88, 126, 156);  
}  
</style>
</head>
<body>

<form action="lossIndex.action" method="post" id="f1">

<fieldset style="height: 60px" id="fst">
    <legend  class="item_Name">查询条件</legend>
   <table width="150px" cellpadding="0" cellspacing="0" class="dataform">
	<tr >
		<th width="50px" class="item_Name" align="right">
			类型:
		</th>
		<td width="50px" align="left" >
			<s:select  list="#{0:'全省',-1:'风电',-2:'光伏'}"    id="type" name="type" onchange="javascript:queryData();"></s:select>
		</td>
	</tr>
</table>
  </fieldset>

<br/>

<table id='gridTable' >

</table>

<div id='gridPager'></div>
</form>

</body>