datagrid是數據列表的意思，是easyUI框架中最常見的功能之一，它能實現php程序代碼與phpmyadmin數據庫的結合。現在，我們以【Dreamweaver+wampserver】工具設計實例，來看看在easyUI中如何使用datagrid。
操作方法
（01）創建文件雙擊Dreamweaver軟件圖標，打開軟件，點擊菜單欄中的【文件】--【新建】--【創建HTML文檔】。
（02）引入4個js文件首先在站點中導入【easyUI】文件夾，然後在文件夾中找到如下代碼，導入到文件中的head頭部內。具體的js代碼如下所示，要在easyUI文件夾找到然後拖動到head中，以下只是給出參考。<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/>
（03）下載EasyUI+1.3+中文幫助手冊我們軟件工程的各門語言幾乎都有一個幫助手冊，可以在網上進行下載即可。
（04）手冊中的數據表格打開easyUI幫助手冊，找到【數據表格-datagrid】裏面有datagrid的相關解析。
（05）複製複製手冊裏面的【通過<TABLE>標記創建的DataGrid】到Dreamweaver文件中的body主體裏面。
（06）創建json文件我們再創建文件，在文件類型是找不到json後綴名的文件的，因此我們可以先創建一個【CSS】文件，然後在保存該文件的時候，將其後綴名更改爲json。
（07）更改【】的代碼datagrid的url值指向【】。即url:''。
（08）填寫json文件的內容[{"code":"01","name":"蘋果","price":2.5},{"code":"02","name":" 葡萄","price":6.8}]
（09）運行結果啓動wampserver服務器，點擊Dreamweaver裏面的【地球圖標】--【在瀏覽器上運行】，即可顯示效果。
特別提示
（1）easyUI中的datagrid主要是顯示數據列表的；<br/>（2）個人看法，僅供參考；
