< p >ExtJS grid與PHP一起使用可以讓我們更加方便地顯示和編輯數據。簡單來說，ExtJS grid是一個可以輕松創建表格的JavaScript庫，而PHP是一種非常流行的服務器端編程語言。利用這兩個工具之間的協作，我們可以快速地構建出強大的網頁應用程序。以下將會為您介紹ExtJS grid和PHP的基本使用方法。< /p>< p >讓我們從建立一個簡單的表格開始。通過創建一個php文件，將以下代碼復制到php文件中，并將文件的擴展名更改為.html：< /p>< pre >< /pre >< p >在上面的代碼中，我們創建了一個簡單的表格，表格的作用是顯示辛普森一家的個人信息。我們使用`Ext.create('Ext.grid.Panel',{});`來創建了一個ExtJS grid，并指定了表格的標題，展示位置和顯示的列。在這個例子中，表格展示了“Name”、“Email”和“Phone Number”三列數據，并且我們還簡單的使用了靜態數據來填充表格。如果您將代碼復制到本地的php文件中并運行，您就會看到創建出來的表格。< /p>< p >接下來，讓我們學習如何從PHP腳本中發送動態數據到ExtJS grid。為了實現這個目的，我們需要創建一個PHP文件并將動態數據傳遞給ExtJS grid。以下是實現這個目標的PHP代碼：< /p>< pre >'Lisa', 'email' =>'lisa@simpsons.com', 'phone' =>'555-111-1224'), array('name' =>'Bart', 'email' =>'bart@simpsons.com', 'phone' =>'555-222-1234'), array('name' =>'Homer', 'email' =>'homer@simpsons.com', 'phone' =>'555-222-1244'), array('name' =>'Marge', 'email' =>'marge@simpsons.com', 'phone' =>'555-222-1254') ); echo json_encode($array); ?>< /pre >< p >在上面的代碼里，我們使用了php的內置函數`json_encode()`將數組中的數據轉換成JSON格式并打印出來。然后我們只需要在我們的JavaScript代碼中使用一個異步請求來獲取這些數據并把數據填充到表格中。以下是JavaScript代碼：< /p>< pre >Ext.application({ name: 'MyApp', launch: function() { Ext.create('Ext.grid.Panel', { title: 'Simpsons', renderTo: Ext.getBody(), columns: [{ header: 'Name', dataIndex: 'name' }, { header: 'Email', dataIndex: 'email' }, { header: 'Phone Number', dataIndex: 'phone' }], store: new Ext.data.Store({ fields: ['name', 'email', 'phone'], proxy: { type: 'ajax', url: 'data.php', reader: { type: 'json' } } }) }); } });< /pre >< p >在上面的代碼中，我們使用了ExtJS的data.Store作為數據來源來獲取數據。在data.Store的配置里，我們指定了一個名為`proxy`的配置項，并設置了`type: ajax`來發送異步請求。我們還指定了發送請求的url和讀取JSON響應的方式。這樣，一旦我們在php文件中產生的數據，就可以經過異步請求，被添加到我們的表格中了。< /p>< p >總之，ExtJS grid和PHP的搭配讓網頁開發變得更加快捷，同時也打開了無限的可能性。無論是僅僅為了顯示數據，還是為了完全定制化整個表格，利用ExtJS grid與PHP的結合可以讓您在設計動態網頁和應用程序的過程中得心應手。< /p>