hi all

i am new on extjs . i have a problem on ext.direct for asp.net mvc 3

here is my codes:

thos is my model:
Code:
Ext.define('Crm.model.Storage', {
    extend: 'Ext.data.Model',
    idProperty: 'Id',
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'CustomCode', type: 'string' },
        { name: 'Name', type: 'string' },
        { name: 'IsDefault', type: 'boolean' }
    ]
});
this is my store :

Code:
Ext.define('Crm.store.Storages', {
    extend: 'Ext.data.Store',
    model: 'Crm.model.Storage',
    pageSize: 10,
    autoLoad: true,
    autoSync: false,
    autoDestroy: true,
    proxy: {
        type: 'direct',
        //directFn: Storage.List,
        paramOrder: 'start|limit',
        api: {
            create: Storage.New,
            read: Storage.List,
            update: Storage.Update,
            destroy: Storage.DeleteStorage
        },
        reader: {
            type: 'json',
            root: 'data'
        },
        writer: {
            type: 'json',
            root: 'data',
            encode: true,
            writeAllFields: true
        }
    }
});
this is my app :
[CODE]
Ext.Loader.setConfig({
enabled: true,
paths: { 'Crm': '/app' }
});


Ext.require([
'Crm.model.Storage',
'Crm.store.Storages',
'Crm.view.StorageGrid',
'Crm.view.StorageForm',
'Ext.ux.plugins.FitToParent'
]);


Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);


Ext.application({
name: 'Crm',


models: ['Storage'],
stores: ['Storages'],


launch: function () {


var newAction = Ext.create('Ext.Action', {
text: 'انبار جدید',
disabled: false,
handler: function (widget, event) {
var record = Ext.create('Crm.model.Storage');
gridStorages.store.insert(0, record);
}
});


var deleteAction = Ext.create('Ext.Action', {
text: 'حذف انبار',
disabled: true,
handler: function (widget, event) {


var sm = gridStorages.getSelectionModel();


gridStorages.store.remove(sm.getSelection()[0]);


gridStorages.store.sync();


}
});


var formStorage = Ext.create('Crm.view.StorageForm', {
columnWidth: 0.30,
width: 350,
height: 550
});


var gridStorages = Ext.create('Crm.view.StorageGrid', {
columnWidth: 0.70,
autoHeight: true,
height: 550,
tbar: ['-