Question

我快要放弃了。我正在尝试使用sencha touch 2.2.1和sencha cmd 3.1.2.324开发应用程序近一个月。所有这些都适用于开发，但在创建生产文件（sencha app build）后，我的selectfield不会加载。

实际上我已经隔离了应用程序上的所有页面，我只使用几张卡片。从chrome我可以检查webservice被调用并按预期返回。控制台不显示任何错误，但选择字段仍为空。

有任何线索吗？

面板：

     Ext.define('MySecondApp.view.Home', {
        extend: 'Ext.Panel',
        xtype: 'mg_home',
        config:
        {
           title:   'Home',
           id:      'tabHome',
           iconCls: 'info',
           layout:  'vbox',
           xtype:   'panel',
           items:
           [
              {docked: 'top',xtype: 'titlebar',title: 'Home'},
              {
                 xtype:         'selectfield',
                 name:          'selectMesHome',
                 id:            'selectMesHome',
                 action:        'selectMesHome',
                 label:         'Mes', /*TODO*/
                 scrollable:    true,
                 displayField:  'dc_data',
                 valueField:    'vl_data',
                 store:         'mesesHome'
              },
              {
                 xtype:         'panel',
                 id:            'home_content',
                 html:          'carregando...'
              }
           ]
        }
     });

模型：

     Ext.define('MySecondApp.model.Meses', {
        extend: 'Ext.data.Model',
        config: {
           fields :
           [
              {name:'dc_data',  type:'string'},
              {name:'vl_data',  type:'string'}
           ]
        }
     });

存储

     Ext.define('MySecondApp.store.mesesHome', {
        extend: 'Ext.data.Store',
        storeId: 'mesesHomeStore',
        config: {
           model: 'MySecondApp.model.Meses',
           autoLoad: true,
           proxy:
           {
              type: 'ajax',
              url: 'http://www.meusgastos.com.br/touch/rest/meses.php',
              reader:
              {
                 type: 'json',
                 root: 'data'
              }
           }
        }
     });

ajax请求之前已保存（并经过测试和工作）的一些凭据。回复将是：

     {
         "HEADER": [],
         "vl_atual": "201308",
         "data": [
             {
                 "dc_data": "Agosto/2013",
                 "vl_data": "201308"
             },
             {
                 "dc_data": "Julho/2013",
                 "vl_data": "201307"
             },
             {
                 "dc_data": "Junho/2013",
                 "vl_data": "201306"
             },
             {
                 "dc_data": "Maio/2013",
                 "vl_data": "201305"
             },
             {
                 "dc_data": "Abril/2013",
                 "vl_data": "201304"
             },
             {
                 "dc_data": "Março/2013",
                 "vl_data": "201303"
             }
         ]
     }

Answer 1

进行这些更改，然后重试

在商店（MySecondApp.store.mesesHome）

1）将storeId置于配置

中

2）将读者root更改为rootProperty

所以，商店看起来像这样

 Ext.define('MySecondApp.store.mesesHome', {
    extend: 'Ext.data.Store',
    config: {
       storeId: 'mesesHomeStore',
       model: 'MySecondApp.model.Meses',
       autoLoad: true,
       proxy:
       {
          type: 'ajax',
          url: 'http://www.meusgastos.com.br/touch/rest/meses.php',
          reader:
          {
             type: 'json',
             rootProperty: 'data'
          }
       }
    }
 });

在视图中（MySecondApp.view.Home）

这种改变不是必要的，但我仍然建议你这样做。

将storeId存储为selectfield的存储属性

          {
             xtype:         'selectfield',
             name:          'selectMesHome',
             id:            'selectMesHome',
             action:        'selectMesHome',
             label:         'Mes', /*TODO*/
             scrollable:    true,
             displayField:  'dc_data',
             valueField:    'vl_data',
             store:         'mesesHomeStore'
          },

selectfield没有加载构建

1 个答案: