1

我有一个 sencha touch 2 Grid 的例子。但是当我尝试制作相同的项目时，就像 mvc 一样，它给了我一些问题。网格库的主要问题。有些文件找不到它们。你能用 mvc 网格阻止我吗？

我的代码：

Ext.Loader.setConfig({
    enabled : true,
    paths   : {
        'Ext.ux.touch.grid': './Ext.ux.touch.grid'
    }
});

Ext.require([
    'Ext.ux.touch.grid.List',
    'Ext.ux.touch.grid.feature.Feature',
    'Ext.ux.touch.grid.feature.Sorter'
]);

Ext.define('TestModel',{
     extend: 'Ext.data.Model',

     config: {
          fields : [
              'company',
              'price',
              'change',
              'pct',
              'updated'
            ]
        }
});

var store = Ext.create('Ext.data.Store', {
        model   : 'TestModel',
        data    : [
            { company : '3m Co',                               price : 71.72, change : 0.02,  pct : 0.03,  updated : '9/1/2010' },
            { company : 'Alcoa Inc',                           price : 29.01, change : 0.42,  pct : 1.47,  updated : '9/1/2010' },
            { company : 'Altria Group Inc',                    price : 83.81, change : 0.28,  pct : 0.34,  updated : '9/1/2010' },
            { company : 'American Express Company',            price : 52.55, change : 0.01,  pct : 0.02,  updated : '9/1/2010' },
            { company : 'American International Group, Inc.',  price : 64.13, change : 0.31,  pct : 0.49,  updated : '9/1/2010' },
            { company : 'AT&T Inc.',                       price : 31.61, change : -0.48, pct : -1.54, updated : '9/1/2010' },
            { company : 'Wal-Mart Stores, Inc.',               price : 45.45, change : 0.73,  pct : 1.63,  updated : '9/1/2010' }
        ]
    });

Ext.setup({
  onReady: function() {
    Ext.create('Ext.ux.touch.grid.List', {
        fullscreen : true,
        store      : store,

        features   : [
            {
                ftype    : 'Ext.ux.touch.grid.feature.Sorter',
                launchFn : 'initialize'
            }
        ],
        columns   : [
            {
                header    : 'Company',
                dataIndex : 'company',
                style     : 'padding-left: 1em;',
                width     : '40%',
                filter    : { type : 'string' }
            },
            {
                header    : 'Price',
                dataIndex : 'price',
                style     : 'text-align: center;',
                width     : '15%',
                filter    : { type : 'numeric' }
            },
            {
                header    : 'Change',
                dataIndex : 'change',
                cls       : 'centered-cell redgreen-cell',
                width     : '15%',
            },
            {
                header    : '% Change',
                dataIndex : 'pct',
                cls       : 'centered-cell redgreen-cell',
                width     : '15%',
            },
            {
                header    : 'Last Updated',
                dataIndex : 'updated',
                hidden    : true,
                style     : 'text-align: right; padding-right: 1em;',
                sortable  : false,
                width     : '15%'
            }
        ]
    });
}       
});
4

1 回答 1

0

在您的示例中检查这一点：

 paths : {
   'Ext.ux.touch.grid': './Ext.ux.touch.grid'
 }

如果我将上面的代码更改为下面的代码，它就开始工作了：

 paths : {
   'Ext.ux.touch.grid': 'js/Ext.ux.touch.grid'
 }
于 2013-09-23T16:12:52.457 回答