ExtJS是一款JavaScript框架，在前端開發(fā)中經(jīng)常被使用。其中一個(gè)常用到的功能是查看JSON對(duì)象。使用ExtJS可以將JSON對(duì)象展現(xiàn)在前端頁面上，方便開發(fā)人員進(jìn)行調(diào)試和查看。

下面是一個(gè)簡單的JSON對(duì)象：

{"name":"張三","age":20,"gender":"男"}

在ExtJS中，可以使用Ext.JSON.decode()方法將JSON對(duì)象轉(zhuǎn)化為JavaScript對(duì)象進(jìn)行操作。下面是一個(gè)示例：

var jsonData = '{"name":"張三","age":20,"gender":"男"}';
var user = Ext.JSON.decode(jsonData);
console.log(user.name);  //輸出：張三

同樣地，也可以使用Ext.JSON.encode()方法將JavaScript對(duì)象轉(zhuǎn)化為JSON對(duì)象。下面是一個(gè)示例：

var user = {
name: "張三",
age: 20,
gender: "男"
};
var jsonData = Ext.JSON.encode(user);
console.log(jsonData);  //輸出：{"name":"張三","age":20,"gender":"男"}

如果需要將JSON對(duì)象展現(xiàn)在頁面上，可以使用Ext.view.View組件。下面是一個(gè)基本的使用示例：

<div id="jsonView"></div>
var jsonData = '{"name":"張三","age":20,"gender":"男"}';
var user = Ext.JSON.decode(jsonData);
var view = Ext.create('Ext.view.View', {
tpl: new Ext.XTemplate(
'<tpl for=".>',
'<div class="item"><b>{[values.key]}:</b> {[values.value]}</div>',
'</tpl>'
),
itemSelector: 'div.item',
data: function() {
var data = [];
Ext.Object.each(user, function(key, value) {
data.push({key: key, value: value});
});
return data;
}()
});
view.render('jsonView');

上面的代碼會(huì)將JSON對(duì)象轉(zhuǎn)化為可展現(xiàn)在頁面上的格式：

綜上所述，使用ExtJS可以方便地查看JSON對(duì)象，在開發(fā)中應(yīng)用廣泛。