日期:2014-05-16 浏览次数:20397 次
<table id="adg" class="easyui-datagrid" style="width:410px;height:auto" title="Region(day)"
data-options="
showFooter: true,
url: 'daily_all_area.php',
singleSelect: true,
rowStyler: function(index,row){
if (row.area_no=='TOTAL'){
return 'background-color:#6293BB;color:#fff;font-weight:bold;';
}
}
"
>
<thead>
<tr>
<th field="area_no" width="100" formatter="getArea"><strong>Region Name</strong></th>
<th field="daily_quantity_area" width="80" align='right'><strong>Quantity</strong></th>
<th field="daily_sales_area" width="120" formatter="getSales" align='right'><strong>Sales(VAT)</strong></th>
<th field="percent_d" width="100" align='right'><strong>% of total<br>amount</strong></th>
</tr>
</thead>
</table>
{"rows":[{"0":"W",''XXX","1":"56","YY":56,......}]}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<link href="css/core.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.3/themes/icon.css">
<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.3/demo/demo.css">
<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script src="js/jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script&nbs