2

Ext.data.JsonStore の一部としての loadData 関数で私が遭遇した問題を解決するのを手伝ってくれませんか? 私が遭遇している問題の基本的な例を作成しました：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Ext JSON example</title>
     <script type="text/javascript" src="lib/ext-base.js"></script>
    <script type="text/javascript" src="lib/ext-all.js"></script>
<script>
    function example() {
        var exampleData = "{'exampleJSON' : {'exampleArray':[{'exampleID':1,'name':'Fred','description':'a guy'},{'exampleID':2,'name':'sue','description':'a girl'}]}}";

        var exampleStore = new Ext.data.JsonStore({
            data: new Ext.data.MemoryProxy(exampleData),
            autoLoad: false,
            root: 'exampleJSON.exampleArray',
    fields: [
          {mapping: "exampleID", name: 'exampleID'},
          {mapping: "name", name: 'name'},
          {mapping: "description", name: 'description'}
    ],
            listener: {
                 load: function (oStore, ayRecords, oOptions ) 
         {
            alert('loaded successfully');
         }
            }
        });

        exampleStore.loadData(exampleData);  
    }

</script>
</head>
<body>
<center><button onclick="example();">Click for Example</button></center>
</body>
</html>

私が直面している問題は、Firebug によって次のエラーが報告されていること です 。誰かが私が間違っていることを指摘するのを助けることができますか?

(ExtJs 4.1.0 を使用)

みんなありがとう。

編集: これを設定するには、ext-all.js と ext-base.js を lib フォルダーに配置します。

4

2 に答える 2

2

あなたのコードは多くの場所で間違っています:

Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: ['exampleID', 'name', 'description']
});

function example() {
    var exampleData = [{
        exampleID: 1,
        name: 'Fred',
        description: 'a guy'
    }, {
        exampleID: 2,
        name: 'sue',
        description: 'a girl'
    }];

    var exampleStore = new Ext.data.Store({
        model: 'MyModel',
        data: exampleData
    });
}

また、Ext 4 には ext-base ファイルがないため、冗長なインクルードです。

于 2012-07-17T21:37:01.600 に答える
1

あなたの返信をありがとう、彼らは私を正しい道に送るのに役立ちました. 「データ」フィールドを削除することで、元の例を機能させることができました。loadData を呼び出そうとしたときに競合が発生していたと思います。以下にリストされているソリューション

    function example() {
        var exampleData = {'exampleJSON' : {'exampleArray':[{'exampleID':1,'name':'Fred','description':'a guy'},{'exampleID':2,'name':'sue','description':'a girl'}]}};

        var exampleStore = new Ext.data.JsonStore({
            autoLoad: false,
            root: "exampleJSON.exampleArray",
    fields: [
          {mapping: "exampleID", name:"exampleID"},
          {mapping: "name", name:"name"},
          {mapping: "description", name:"description"}
    ],
            listeners: {
                 load: function (oStore, ayRecords, oOptions ) 
         {
             alert('loaded successfully: ' + ayRecords.length);
         }
            }
        });

        exampleStore.loadData(exampleData);  
    }
于 2012-07-17T23:34:36.513 に答える