Question

ExtJS 的 combo 怎么接收jsp的json数据

--------> js内容:::
Ext.onReady(function() {
var combox = new Ext.form.FormPanel({
title : '管理员',
width : 300,
url : 'test1.jsp',
labelAlign : 'right',
labelWidth : 60,
renderTo : document.body,
frame : true,
items : [{
xtype : 'textfield',
name : 'name',
fieldLabel : 'name'
}, {
xtype : 'combo',
name : 'genre',
fieldLabel : 'Genre',
mode : 'remote',
store : genres,
displayField : 'genre_name',
width : 120
}]
});
});
var genres = new Ext.data.Store({
reader : new Ext.data.JsonReader({
fields : ['id', 'genre_name'],
root : 'rows'
}),
proxy : new Ext.data.HttpProxy({
url : 'combo1.jsp'
})
});
genres.load();

---------->combo1.jsp 内容::::::
{
"rows" :
[
{"id" : "x" , "genre_name" : 23},
{"id" : "y" , "genre_name" : 24}
]
}
<%
System.out.print(2222);
%>

为何接收不到combo1.jsp内容呢?

Answer 1

jsp 里面的并没有读取成json 数据。

先把这段打印删除
<%
System.out.print(2222);
%>
再把 combo1.jsp 改成 combo1.json

url : 'combo1.json'

追问

文件后缀改了也去掉了。路径也修改了还是下拉不出来数据。

追答

xtype : 'combobox',

追问

你测试下。我这儿还是不行哦。

追答

Ext.onReady(function() {
    var store = Ext.create('Ext.data.Store', {
        fields : ['id', 'genre_name'],
         data : [{
                    genre_name : 23,
                    id : "x"
                 }, {
                    genre_name : 24,
                    id : "y"
                 }]
    });
    
    var combo = Ext.create('Ext.form.field.ComboBox', {
        store : store,
        displayField : 'genre_name',
        valueField : 'id',
         renderTo : document.body,
        fieldLabel : '管理员',
        emptyText : '管理员',
        width : 200,
        labelWidth : 70,
        labelAlign : "right"
    });
});