JSON存储可以't加载PHP数据-EXTJS 4

JSON Store can't load PHP data - EXTJS 4

本文关键字：PHP 加载 数据 -EXTJS 存储 JSON      更新时间：2023-09-26
Ext.define('GoogleMarkerModel', {
        extend: 'Ext.data.Model',
        fields: [
        {name: 'ID',    type: 'int'},
        {name: 'Locating',    type: 'int'},
        {name: 'MainPower',    type: 'int'},
        {name: 'Acc',    type: 'int'},
        {name: 'PowerOff',    type: 'int'},
        {name: 'Alarm',    type: 'int'},
        {name: 'Speed',    type: 'int'},
        {name: 'Direction',    type: 'int'},
        {name: 'Latitude',    type: 'float'},
        {name: 'Longitude',    type: 'float'},
        {name: 'DateTime',    type: 'date'},
        {name: 'MainID',    type: 'int'},
        {name: 'IOState',    type: 'int'},
        {name: 'OilState',    type: 'int'}]
    });
    var MarkerStore = Ext.create('Ext.data.JsonStore', {
        model: 'GoogleMarkerModel',
        autoLoad: true,
        proxy: {
            type: 'ajax',
            url: 'get-googlemarker.php',
            baseParams: {  //here you can define params you want to be sent on each request from this store
                        mainid: 'value1'
                        },
            reader: {
                type: 'json',
                idProperty:'MainID',
            }
        }
    });

这段代码我用来调用MarkerStore，并传递值为1的参数mainid

MarkerStore.load({
                        params: {  //here you can define params on 'per request' basis
                                mainid: 1,
                                }
                        })

当我使用web浏览器获取-googlemarker.php，并且mainid=1将返回这些值时

http://localhost/GPS/examples/tabs/get-googlemarker.php?mainid=1
[{"ID":"1808","Locating":"1","MainPower":"0","Acc":"1","PowerOff":"1","Alarm":"128","Speed":"0","Direction":"293","Latitude":"5.391788482666016","Longitude":"100.29693603515625","DateTime":"2013-02-19 15:44:36","MainID":"1","IOState":"0","OilState":"0"}]

但我试图列出所有数据，不幸的是JSON存储为空，我怀疑数据没有存储在MarkerStore中，下面的代码是我试图列出数据，但没有写在控制台FireBug上。

MarkerStore.each( function (model) {
    console.log( model.get('MainID') ); 
    });

知道吗？

尝试从存储中删除autoload = true属性。

MarkerStore.on('load', function(store, records) {
    for (var i = 0; i < records.length; i++) {
    console.log(records[i].get('Latitude'));
    lati = records[i].get('Latitude'); 
    };
});

应使用此代码，然后将数据打印到控制台上。上面的问题打印存储数据代码是错误的，实际上数据成功保存在JSON存储

您的代码可以工作，但主要问题是当您调用MarkerStore.each时，存储此时为空(Ajax是异步的(。您的脚本与处理数据的ajax一样快。如果您使用以下简单的代码片段，您将看到您的"mainID"。

setTimeout(function(){
        MarkerStore.each( function (model) {
                console.log( model.get('MainID') );
        });     
    }, 1500, MarkerStore);
相关文章：