原創|使用教程|編輯:郝浩|2013-05-08 15:09:03.000|閱讀 1266 次
概述:TreeGrid是一個純JavaScript語言編寫的DHTML樹形表格控件,近期慧都小編將為大家推出EJS TreeGrid中文開發手冊系列,首先為大家介紹的是在頁面中創建TreeGrid網格的各種方法。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
TreeGrid是一個純JavaScript語言編寫的DHTML樹形表格控件,近期慧都小編將為大家推出EJS TreeGrid中文開發手冊系列,首先為大家介紹的是在頁面中創建TreeGrid網格的各種方法。
下面是TreeGrid的一個最簡單的頁面:
<html> <head> <script src="GridE.js"> </script> <!-- including TreeGrid script --> </head> <body> <div style="width:100%;height:500px;"> <!-- TreeGrid main div tag --> <treegrid Data_Url="Data.xml"> </treegrid> <!-- TreeGrid data source definition --> </div> </body> </html>
為了充分創建和渲染在頁面加載過程中的TreeGrid,你可以使用這樣的HTML代碼:
<div id="Main" style="width:100%;height:500px;"> <!-- TreeGrid main div tag with id --> <script> TreeGrid('<treegrid Sync="1" Data_Url="Data.xml"> </treegrid>',"Main"); </script> </div>
請記住,所有的JavaScript代碼,API事件,支持的函數必須在TreeGrid調用前定義,但不是在主標簽里面。
TreeGrid在點擊創建按鈕后創建:
<div id="Main" style="width:100%;height:500px;"> </div> <!-- TreeGrid main div tag with id --> <button onclick='Create()'>Create</button> <script> function Create(){ TreeGrid( { Data:{ Url:"Data.xml" } },"Main" ); } </script>
如果你需要將TreeGrid升級到新的版本或注冊許可又或有新編譯的腳本,你可以將版本信息作為查詢字符串添加到GridE.js中,以確保使用新版本并且抑制舊版本的緩存,例如:
<script src="../Grid/GridE.js?Version=6.0.24"> </script>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網