在網頁開發中，下拉列表是非常常見的元素。使用Json數據格式可以方便地在下拉列表中展示多種內容。而在使用Json數據時，ext json是一個非常實用的工具。下面我們來介紹一下ext json下拉列表。

// 創建數據源
var json = '{"fruits":["apple","banana","peach","orange"]}';
var data = Ext.decode(json);
var store = Ext.create('Ext.data.Store', {
fields: ['name'],
data: data.fruits
});
// 創建下拉列表
var combo = Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Fruit',
store: store,
queryMode: 'local',
displayField: 'name',
valueField: 'name'
});

上面的代碼中，我們首先需要創建一個Json數據源。這里我們以水果為例。然后通過Ext.decode方法將其解析為javascript對象。接下來，創建一個數據源需要使用的store。然后，創建一個下拉列表，指定數據源，并且設置好需要展示在下拉列表中的字段，即displayField和valueField。

當然，如果我們需要在下拉列表中添加更多的控件，也可以使用Ext.form.Panel。下面是一個示例代碼：

var form = Ext.create('Ext.form.Panel', {
title: 'My Form',
items: [
{
xtype: 'combo',
fieldLabel: 'Fruit',
store: store,
queryMode: 'local',
displayField: 'name',
valueField: 'name',
allowBlank: false
},
{
xtype: 'textfield',
fieldLabel: 'Amount'
}
],
buttons: [
{
text: 'Submit'
},
{
text: 'Cancel'
}
]
});

上面的代碼中，我們創建了一個Ext.form.Panel，然后在items中添加了一個combo和一個textfield。其中combo是我們剛才創建的數據源。然后，我們用buttons添加了兩個按鈕。

總之，ext json下拉列表是非常方便實用的一個工具。在網頁開發中經常用到。希望本文對大家有所幫助!