how to call dynamically set proxy type in extjs4?

Question

I am working in extjs4 MVC.I am going to stuck at a point where I am going to set dynamically proxy type to 'localstorage' where I am replacing my proxy type which is 'ajax' which is declared in model class. When I want to store data at client side for that I am changing my model proxy type from ajax to locastorage.but when I am calling save() method on particular model object that data are going to server side not saved at client side.Plese give me some suggestion

1) Here is my model data class

Ext.define('Am.model.sn.UserModel',{
    extend: 'Ext.data.Model',
    fields: ['userId','firstName','middleName','lastName','languageId','primaryEmail','birthDate','password','securityQuestionId','securityQuestionAnswer','isMale','creationTime','ipAddress','confirmationCode','userStatusId',],
    proxy:
    {
        type:'ajax',
        api:
        {
            read:'index.php/SocialNetworking/user/AuthenticateLogin',
            create:'index.php/SocialNetworking/user/AuthenticateLogin',
        },//end of api
        reader:
        {
            type:'json',
        },//end of reader
        writer:
        {
            type:'json',
            root:'records',
        },//End of writer
    }//end of proxy
});

2) here is my some controller file code

Ext.define('Am.controller.sn.UserController',
        {

            extend:'Ext.app.Controller',

            stores:['sn.UserStore','sn.SecurityquestionStore'],
            models:['sn.UserModel','sn.SecurityquestionModel'],
            views:['sn.user.Login','sn.user.Registration','sn.user.ForgetMyKey','sn.user.SecurityQuestion','sn.user.KpLogin'],
            -----
            ----
            init:function()
            {
                --------
            }
            remeberMe:function()
{
    console.log("check box selected");
    var email=this.getUserName().getValue();
    var password=this.getPassword().getValue();
    var objCheckBox=Ext.getCmp('checkbox');
    if(objCheckBox.getValue()==true)
    {
        window.localStorage.clear();
        //code for stoaring data at local storage
        var modelObject = Ext.ModelManager.create(
        {
            primaryEmail:email,
            password: password,
        }, 'Balaee.model.sn.UserModel');
        proxy=modelObject.getProxy();
        //proxy=modelObject.getProxy();
        proxy.type='localstorage';
        //proxy.set(type,'localstorage');
        proxy.id='rememberMe';
        //proxy.set(id,'rememberMe');
        //modelObject.setProxy(proxy);
        //console.log("models proxyyyyyyyyyy="+modelObject.getProxy().type+""+modelObject.getProxy().id);

        modelObject.setProxy(proxy);
        //
        I am also trying this but not work
        //Ext.apply(proxy,{type:'localstorage',id:'remember' });

        modelObject.save();
            // code to hide login window
            //var obj=Ext.ComponentQuery.query('#loginId');
            //console.log("Object name = "+obj[0].id);
            //obj[0].hide();
    }//end of if statement
    else
    {
        console.log("check box is not selected");
    }//end of else statement
},//End of rememberMe  function

        });

please give me some suggestion.....

You need to create 2 separate proxxies and swap them with `setProxy()` like @Aashray suggested. If they share configurations you can make one base proxy and derive 2 specialized proxxies. — A1rPun, Mar 05 '13 at 10:56

A1rPun · Accepted Answer · 2013-03-06T18:27:50.500

4

I created a sample code for a better understanding of switching proxxies.

//Defining model
Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: [{name: 'name',  type: 'string'}]
});
//creation of ajax proxy
var ajaxProxy = new Ext.data.proxy.Ajax({
    id: 'ajaxp',
    reader: 'json'
});
//creation of local storage proxy
var lsProxy = new Ext.data.proxy.LocalStorage({
    id: 'localp',
    reader: 'json'
});
//Create instance of model
var user = Ext.create('User', {
    name : 'Pravin Mane',
    proxy: ajaxProxy //sets the ajax proxy
});

//Somewhere in your code
user.setProxy(lsProxy); //sets the localstorage proxy

edited Mar 06 '13 at 18:27

answered Mar 05 '13 at 14:00

A1rPun

16,287
7
57
90

yeah! boss it works great.. But I got a error at var lsproxy=new Ext.data.proxy.LocalStorage({ – Pravin Mane Mar 06 '13 at 06:12
i got error undefined is not a function at local storage initialization – Pravin Mane Mar 06 '13 at 06:23
try it with `Ext.create('Ext.data.proxy.LocalStorage',{` – A1rPun Mar 06 '13 at 08:32
it works thnaks a lot....! it also works with var lsproxy=new Ext.data.proxy.LocalStorage({ , just by mistake i wouldnt include requires:['Ext.data.proxy.LocalStorage'] this code.Thanks a lot once again... – Pravin Mane Mar 06 '13 at 09:16

score 0 · Answer 2 · answered Mar 05 '13 at 09:23

0

You can set the proxy using the method setProxy(), defined on the Ext.data.Model.

answered Mar 05 '13 at 09:23

Aashray

2,753
16
22

I am also setting proxy---> modelObject.setProxy(proxy); but it not works..please give more information – Pravin Mane Mar 05 '13 at 09:32

how to call dynamically set proxy type in extjs4?

2 Answers2