creating function in an object in javascript

Question

i have a program and i was thinking to create an object then a function inside it. is it possible? it's like this var x = function() {....} and i wanted to re use the variable x..

here's the code:

$("#tbl").jqGrid({
    url: '',                            
    datatype: 'local',      
    jsonReader : {              
        root: function(obj) {
        //some codes here

           return root;
        },          
        page: "page",                   
        total: "pageCount",     
        records: "rows",    
        repeatitems:false,  
        id: "0" 
    },

    serializeGridData: function(postData) {
        var jsonParams = {
            .
            .//some codes here
            .

            'sort_fields': postData.sidx
        };

        if (postData.sord == 'desc')
        {
        ..//some codes
        }           
        else
        {
        ...//some codes
        }

        jpar = jsonParams;
        return 'json=' + jsonParams;
    },

    loadError: function(xhr, msg, e) { 
        showMessage('msg error');
    },
    colNames:['ID',...'Type'],      
    colModel:[
    ...//col model
    ],

    rowNum:5,           
    .
    .
    .//some codes here
    loadonce:false,         
    caption: "Main Account Group"
});

i want to get the jsonReader, serializedGridData, and the loadError and create an object function for them. my goal here is to create an object from the functions from the above code. does anybody here knows how to do it?

by the way, what's the difference between methods and functions.? can event can be code as function? thank you all.

I don't follow -- the code you posted will work fine, what are you asking? — user578895
– user578895, Commented Mar 22, 2011 at 7:25
Isn't basically the same as your previous question? stackoverflow.com/questions/5374977/… — Felix Kling
– Felix Kling, Commented Mar 22, 2011 at 7:28
@felix kling. i find it hard to create a separate .js file that is why i'm looking for some options. and maybe this can give me the answer on how to do it in separate file. thanks — jayAnn
– jayAnn, Commented Mar 22, 2011 at 8:28
@ cwolves..yes it works... i just want to know how to separate the code (it's events) and make it as a function. then maybe i could just call them by variable — jayAnn
– jayAnn, Commented Mar 22, 2011 at 8:30
I see that you use datatype: 'local' in the case NO requests to the server will be done. So the serializeGridData method will never called. How you fill the data in the grid? You defined jsonReader. So you probably insert the data manually with addJSONData it is not a good way in the most cases. Could you insert more full JavaScript code, so that one could understand more your code? — Oleg
– Oleg, Commented Mar 22, 2011 at 10:23

Abdo · Accepted Answer · 2011-03-22 07:52:38Z

1

This one has been really helpful to me in the past =)

Hope it helps http://www.phpied.com/3-ways-to-define-a-javascript-class/

function jqFunctions() {
    this.serializeGridData = function(postData) {
        alert(postData);
    }
}

new jqFunctions().serializeGridData("hello");

edited Mar 22, 2011 at 7:52

answered Mar 22, 2011 at 7:41

Abdo

14.2k11 gold badges81 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

jayAnn Over a year ago

hi, where am i suppose to write the code for the serializeGridData? and what is that hello for?

jayAnn Over a year ago

i've observe that when i copy paste the code for serializeGridData in function jqFunctions() { this.serializeGridData = function(postData) {...} it isn't working... and also, i don't get the purpose what is that new jqFunctions().serializeGridData("hello"); for

Abdo Over a year ago

if you put this code between <script></script> or in a separate .js file, it'll work. jqFunctions is "class". new jqFunctions() creates an object. "hello" is the parameter i'm passing to serializeGridData. It gets assigned to "postData" in function(postData). inside the function, when you call alert(postData), it does alert("hello")

Collectives™ on Stack Overflow

creating function in an object in javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related