1. html代碼：
2. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="jquery,ui,easy,easyui,web">
<meta name="description" content="easyui help you build your web page easily!">
<title>jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<h1>TreeGrid</h1>
<table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"
url="data/treegrid_data.json"
rownumbers="true"
idField="id" treeField="name">
<thead>
<tr>
<th field="name" width="160">Name</th>
<th field="size" width="60" align="right">Size</th>
<th field="date" width="100">Modified Date</th>
</tr>
</thead>
</table>
</body>
</html>
json代碼：
[{
"id": 1,
"kpiName": "系統模版",
"kpiFormula": "100*pmRrcConnEstabSucc/pmRrcConnEstabAtt*((pmErabEstabSuccInit+pmErabEstabSuccAdded)/(pmErabEstabAttInit+pmErabEstabAttAdded))",
"kpiPrecision": "2",
"childern": [{
"id": 2,
"kpiName": "無線接通率",
"kpiFormula": "100*pmRrcConnEstabSucc/pmRrcConnEstabAtt*((pmErabEstabSuccInit+pmErabEstabSuccAdded)/(pmErabEstabAttInit+pmErabEstabAttAdded))",
"kpiPrecision": "2"
},{
"id": 3,
"kpiName": "RRC建立成功率",
"kpiFormula": "100*pmRrcConnEstabSucc/pmRrcConnEstabAtt",
"kpiPrecision": "2"
},{
"id": 4,
"kpiName": "ERAB建立成功率",
"kpiFormula": "100*(pmErabEstabSuccInit+pmErabEstabSuccAdded)/(pmErabEstabAttInit+pmErabEstabAttAdded)",
"kpiPrecision": "2"
},{
"id": 5,
"kpiName": "X2S1切換成功率",
"kpiFormula": "100*(pmHoExecOutS1SuccInterEnb+pmHoExecOutX2SuccInterEnb)/(pmHoPrepOutS1AttInterEnb+pmHoPrepOutX2AttInterEnb)",
"kpiPrecision": "2"
},{
"id": 6,
"kpiName": "無線掉線率",
"kpiFormula": "100*pmUeCtxtRelAbnormalEnbAct/(pmUeCtxtEstabSucc+pmErabLevRopStartQci_9)",
"kpiPrecision": "2"
},{
"id": 7,
"kpiName": "ERAB掉線率",
"kpiFormula": "100*pmErabRelAbnormalEnbAct/(pmErabLevRopStartQci_9+pmErabEstabSuccInit+pmErabEstabSuccAdded)",
"kpiPrecision": "2"
},{
"id": 8,
"kpiName": "RRC連接重建比率",
"kpiFormula": "100*pmRrcConnReestAtt/(pmRrcConnReestAtt+pmRrcConnEstabAtt)",
"kpiPrecision": "2"
},{
"id": 9,
"kpiName": "切換成功率",
"kpiFormula": "100*(pmHoPrepSuccLteIntraF+pmHoPrepSuccLteInterF)/(pmHoPrepAttLteIntraF+pmHoPrepAttLteInterF)*(pmHoExeSuccLteIntraF+pmHoExeSuccLteInte/(pmHoExeAttLteIntraF+pmHoExeAttLteInterF)",
"kpiPrecision": "2"
},{
"id": 183,
"kpiName": "PRB91上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb91/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 184,
"kpiName": "PRB92上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb92/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 185,
"kpiName": "PRB93上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb93/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 186,
"kpiName": "PRB94上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb94/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 187,
"kpiName": "PRB95上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb95/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 188,
"kpiName": "PRB96上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb96/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 189,
"kpiName": "PRB97上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb97/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 190,
"kpiName": "PRB98上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb98/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 191,
"kpiName": "PRB99上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb99/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 192,
"kpiName": "PRB100上行干擾電平",
"kpiFormula": "10*log10(pmRadioRecInterferencePwrPrb100/pmRadioRecInterferencePwrSfSamp*4*power(2,(-44)))",
"kpiPrecision": "2"
},{
"id": 193,
"kpiName": "准備切換成功率",
"kpiFormula": "100*(pmHoPrepSuccLteIntraF+pmHoPrepSuccLteInterF)/(pmHoPrepAttLteIntraF+pmHoPrepAttLteInterF)",
"kpiPrecision": "2"
},{
"id": 194,
"kpiName": "執行切換成功率",
"kpiFormula": "100*(pmHoExeSuccLteIntraF+pmHoExeSuccLteInterF)/(pmHoExeAttLteIntraF+pmHoExeAttLteInterF)",
"kpiPrecision": "2"
},{
"id": 195,
"kpiName": "准備切換嘗試數",
"kpiFormula": "pmHoPrepAttLteIntraF+pmHoPrepAttLteInterF",
"kpiPrecision": "0"
},{
"id": 338,
"kpiName": "閉站時間",
"kpiFormula": "pmCellDowntimeAuto+pmCellDowntimeMan",
"kpiPrecision": "0"
}]
}]
"kpiPrecision": "2",
"**childern**": [{
單詞拼錯了，是children
