SENCHA TOUCH Dynamically Rest Api

Question

I can send parameters to RestApi web services. But i can't send parameters dynamically. I need one textfield and button.

Here is my app.js

Ext.application({
    name: 'Hello',
    models: [ 'GreetingModel' ],
    stores: [ 'GreetingStore' ],
    views: [ 'GreetingView' ],
    launch: function() {

        var view = Ext.create('Hello.view.GreetingView', {});

        Ext.create('Hello.store.GreetingStore', {
            autoLoad: true,
            listeners: {
                load: function (self, records) {
                view.setData(records[0].getData());

                }
            }
        });
    }
});

Ext.Loader.setConfig({ disableCaching: false });

My Store

Ext.define('Hello.store.GreetingStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'Hello.model.GreetingModel',
        proxy: {
            type: 'rest',
            contentType: "application/json",
            dataType: 'jsonp',
            url: 'http://localhost:14551/senchaRegister.svc/request'
        },

        listeners: {
            beforeload: function() {
                var name = 'Sedat';
                this.getProxy().setExtraParam('name', name);
            }
        }
    }
});

My Model

Ext.define('Hello.model.GreetingModel', {
    extend: 'Ext.data.Model',
    config: {
    fields: ['JSONDataResult']
    }
});

and view

Ext.define('Hello.view.GreetingView', {
extend: 'Ext.Panel',
config: {
    fullscreen: true,
    tpl: '<p>Sonuç: {JSONDataResult}</p>',

    items:[

    {
        xtype: 'textfield',
        label:'Name',
        id:'username'
    },

    {
        xtype: 'button',
        name:'send'
        handler: function(){

            /* Stuffs*/
        }
    }
    ]


}

});

I need any advice.

dReAmEr · Accepted Answer · 2014-12-04T09:11:56.857

0

I think you are missing extraParams in your Store declaration.Use this parameter like below.

Ext.define('Hello.store.GreetingStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'Hello.model.GreetingModel',
        proxy: {
            type: 'rest',
            contentType: "application/json",
            dataType: 'jsonp',
            extraParams: {
               param: 'data'
            },
            url: 'http://localhost:14551/senchaRegister.svc/request'
        },

        listeners: {
            beforeload: function() {
                var name = Ext.getCmp('your_text_field_id').getValue();
                this.getProxy().getExtraParam().param = name;
            }
        }
    }
});

in your view.js ,update handler function like below you need to load the store,on click button.

handler: function(){
        var name = Ext.getCmp('your_text_field_id').getValue();
        Ext.getStore('GreetingStore').getProxy().param = name;
        Ext.getStore('GreetingStore').load();
}

edited Dec 04 '14 at 09:11

answered Dec 03 '14 at 14:05

dReAmEr

6,986
7
36
63

Thanks for answer. Actually just i need textfield and param pairing. because i can send manually params. – Yavuz Yalçıntaş Dec 03 '14 at 14:46
just updated my answer see above,where your_text_field_id is the id of your text field.Hope it works. – dReAmEr Dec 03 '14 at 16:12
That codes sounds good. Just i have one more Q. What is my Button handler :) – Yavuz Yalçıntaş Dec 04 '14 at 07:44
what you want to do with button here? – dReAmEr Dec 04 '14 at 07:51
It will send textfields params.. I need button and button handler function? – Yavuz Yalçıntaş Dec 04 '14 at 08:04
which page (js file) contains text field,i think you can define,button there,as parallel to it? can you let me know where you have declared text field in your code? – dReAmEr Dec 04 '14 at 08:07
just updated my answer see handler function ,i hope it should solve your problem. – dReAmEr Dec 04 '14 at 09:12

SENCHA TOUCH Dynamically Rest Api

1 Answers1