Question

如果选择了3个组合框，我会搜索，所选的valueid通过$ POST发送，然后通过AJAX发送给PHP。

PHP正在从combobox id构建一个mysql查询并将其作为JSON发送回来。（JSON已经过验证）

但是我的网格没有填满！我如何将id数据过滤到我的网格中？

我的按钮

buttons:[
            {
                text:'Search',
                loadingText:'lädt',
                handler:function () {
                    var form = Ext.getCmp('searchPanel').getForm();
                    form.submit(
                        {url: 'php/search.php'}

               )

我验证的JSON

"getRoutedata": [
    {
        "RouteID": "3",
        "Loadingpoint": "Hafencity",
        "Postalcode": "20457",
        "Containercity": "Uhlenhorst",
        "Carrier": "Bre SO",
        "Transportmodel": "Truck",
        "Containersize": "40",
        "Containertype": "Horizontal",
        "Harbor": "Antwerpen",
        "Price": "1000.00",
        "Year": "2012",
        "Misc": "test"
    }
]

我的商店

    storePPT = new Ext.data.JsonStore({
    url:'php/search.php',
    storeId:'myStore',
    root:'getRoutedata',
    stateful:true,
    idProperty:'RouteID',
    fields:[
        {name:'Carrier', type:'string', mapping:'Carrier'},
        {name:'Containercity', type:'string', mapping:'Containercity'},
        {name:'Containersize', type:'string', mapping:'Containersize'},
        {name:'Containertype', type:'string', mapping:'Containertype'},
        {name:'Harbor', type:'string', mapping:'Harbor'},
        {name:'Loadingpoint', type:'string', mapping:'Loadingpoint'},
        {name:'Misc', type:'string', mapping:'Misc'},
        {name:'Postalcode', type:'string', mapping:'Postalcode'},
        {name:'Price', type:'decimal', mapping:'Price'},
        {name:'Transportmodel', type:'string', mapping:'Transportmodel'},
        {name:'Year', type:'year', mapping:'Year'},
        {name:'RouteID', type:'int', mapping:'RouteID'}
    ]
});

非常感谢你的帮助！

Answer 1

您需要拥有能够保存JSON响应中已解析数据的商店以及将显示此商店数据的网格。像：


//call this function in ajax success
function loadJsonData() {
   var myStore = Ext.create('Ext.data.JSONStore', {
                 fields: [
                         {name1: 'field_name1'},
                         {name2: 'field_name2'},
                         {name3: 'field_name3'}
                 ],
                 data: jsonData
    });
    // create the Grid
    var grid = Ext.create('Ext.grid.Panel', {
               store: myStore,
               stateful: true,
               stateId: 'stateGrid',
               columns: [ {
                       text : 'field_name1',
                       sortable : false,
                       dataIndex: 'field_name1' // add fields you want to display
               }, ... ]               
               renderTo: 'table' // add other params as you want
    });
};

希望有所帮助

如何将JSON放入EXTJS网格？

1 个答案: