1

ExtJs3.4以下のコードを からにアップグレードする解決策を見つけようとしていますExtJs 4.2。
私はいくつかの答えを見つけ、Sencha のドキュメントを調べましたが、それでも苦労しました。

このコードを ExtJs4.2 で書き直す方法を知っている人がいたら教えてください。前もって感謝します。

        var config = 
        {       
            store: new Ext.data.Store({
                autoLoad: true,
                proxy: new Ext.data.HttpProxy({ url: '/main/...' }),
                reader: new Ext.data.JsonReader
                ({
                    root: 'data',
                    totalProperty: 'totalCount',
                    id: 'id',
                    fields: 
                    [
                        'alert_id',
                        {name: 'duration', type: 'int'},
                        {name: 'start_date', type: 'date', dateFormat: 'timestamp'},
                        {name: 'end_date', type: 'date', dateFormat: 'timestamp'},
                        'monitor'
                    ]
                })
            }),
        }

        // more code here

これは、上記のコードから私が知っていることです:

  • Modelsもう使わfieldないStores
  • readerの中にあるはずですproxy

これらは警告です

[DEPRECATED][4.0][Ext.data.Store]: Passing a "fields" config via the store's reader config is no longer supported. Instead you should configure a model and pass it as the store's "model" config. Please see the header docs for Ext.data.Store for details on properly setting up your data components.
ext-all.js (line 21)
[DEPRECATED][4.0][Ext.data.Store] reader (config): The reader config should now be specified on the configured proxy rather than directly on the store.

補遺

私は最初はこのようにしていました：

 Ext.define('User', {
     extend: 'Ext.data.Model',
     id: 'id',
     fields: 
     [
         'alert_id',
         {name: 'duration', type: 'int'},
         {name: 'start_date', type: 'date', dateFormat: 'timestamp'},
         {name: 'end_date', type: 'date', dateFormat: 'timestamp'},
         'monitor'
     ]
 });

 var config = 
 {      
      store: new Ext.data.Store({
          model:'User',
          proxy: 
          {
              url: '/main/...',
              reader: new Ext.data.JsonReader
              ({
                    root: 'data',
                    totalProperty: 'totalCount',
              })
          }

      }),

      // more code here
 }

だから私は代わりに何を書くべきか分かりませんでしreader: new Ext.data.JsonReaderた。 使わなくなったので
使うかどうかも。答えを見るまで、私は知りませんでした。ModelStorefields
Ext.data.JsonStore

4

3 に答える 3

2

クリス・ファーマーの答えは正しいです。ただし、ここではより完全な説明を示します。

Ext は現在、データのフォーマットを文書化することを推奨しているExt.data.Modelため、フィールド名を定義するために を使用する必要があります。推奨される方法は、モデル自体にプロキシを定義して、ストアとは無関係にロードできるようにすることです

// File 1
Ext.define('my.User', {
     extend: 'Ext.data.Model',
     fields: [
         'alert_id',
         {name: 'duration', type: 'int'},
         {name: 'start_date', type: 'date', dateFormat: 'timestamp'},
         {name: 'end_date', type: 'date', dateFormat: 'timestamp'},
         'monitor'
     ],
     proxy: {
        type: 'ajax',
        url: '/main/...',
        // Reader is now on the proxy, as the message was explaining
        reader: {
            type: 'json',
            root: 'data',
            totalProperty: 'totalCount'
        }
     }
 });

 // File 2
 // Use the model with the store
 var config = {
     // Passing the model definition to the store as the message was explaining
     store: new Ext.data.JsonStore({model:  'my.User', autoLoad: true})
 };

Ext では、ストアを作成するときにモデルの代わりにフィールド定義を使用できますが、推奨されません。暗黙的なモデルが作成されます。方法は次のとおりです。

 var config = {
     store: new Ext.data.JsonStore({
         fields: [
             'alert_id',
             {name: 'duration', type: 'int'},
             {name: 'start_date', type: 'date', dateFormat: 'timestamp'},
             {name: 'end_date', type: 'date', dateFormat: 'timestamp'},
             'monitor'
         ],
         proxy: {
             type: 'ajax',
             url: '/main/...',
             reader: {
                 type: 'json',
                 root: 'data',
                 totalProperty: 'totalCount'
             }
         }
     });
 };
于 2013-08-22T00:09:43.847 に答える
0 
initComponent: function () {

this.store= new Ext.data.JsonStore({
        autoLoad: true,
        fields: [ 'alert_id', 'duration', 'start_date', 'end_date' ],
        proxy: {
            type: 'ajax',
            url: '/main/...',
            reader: {
                type: 'json',
                root: 'data',
                totalProperty: 'totalCount'
            }
        }
    });

 this.callParent(arguments);
}
于 2013-08-21T19:23:55.093 に答える