Ext JS是一個非常流行的JavaScript框架，它被廣泛應用于Web應用程序中。在Ext JS中，Grid是一個非常重要的組件，它用于在UI中顯示表格數(shù)據(jù)。JSON是一種常用的數(shù)據(jù)格式，它可以方便地在應用程序之間傳輸數(shù)據(jù)。在Ext JS中，我們可以使用JSON格式來填充Grid組件。

// 創(chuàng)建一個Grid組件
var grid = Ext.create('Ext.grid.Panel', {
height: 500,
width: 800,
renderTo:Ext.getBody(),
store: {
// 將數(shù)據(jù)存儲在內(nèi)存中
type: 'memory',
reader: {
type: 'json'
},
data: [
// 使用JSON格式來表示數(shù)據(jù)
{id: 1, name: '張三', age: 20},
{id: 2, name: '李四', age: 30},
{id: 3, name: '王五', age: 40}
]
},
columns: [
{text: '編號', dataIndex: 'id'},
{text: '姓名', dataIndex: 'name'},
{text: '年齡', dataIndex: 'age'}
]
});
// 將Grid組件添加到頁面中
Ext.getBody().appendChild(grid.el);

在上面的代碼中，我們首先創(chuàng)建了一個Grid組件，然后使用JSON格式來填充數(shù)據(jù)，數(shù)據(jù)包括每個人的ID，姓名和年齡。在Grid組件中，我們使用列來定義每個字段的名稱和數(shù)據(jù)索引。

總之，在Ext JS中，使用JSON格式來填充Grid組件是非常簡單和靈活的，可以靈活地處理不同的數(shù)據(jù)格式和數(shù)據(jù)源。