Merge two different json object in extjs

Question

Let's say my first json object is

  "jvtdata":{
    "tranid":"100001",
    "trandate":"Sun Jan 20 2013 00:00:00 GMT+0800 (Taipei Standard Time)",
    "trantype":"f"
  }

and my second data is

 "detail" : [
   {
      "id": "1",
      "obj": "data1"
   },
   {
      "id": "2",
      "obj": "data2"
   },
   {
      "id": "3",
      "obj": "data3"
   }

]

how do I make it like this in extjs 4?

  "jvtdata":{
    "tranid":"100001",
    "trandate":"Sun Jan 20 2013 00:00:00 GMT+0800 (Taipei Standard Time)",
    "trantype":"f",
    "detail" : [
   {
      "id": "1",
      "obj": "data1"
   },
   {
      "id": "2",
      "obj": "data2"
   },
   {
      "id": "3",
      "obj": "data3"
   }

]
  }

Hi, any answer below helpful to you?

dbrin
– dbrin

2013-01-29 18:54:55 +00:00
Commented Jan 29, 2013 at 18:54 — dbrin
– dbrin, Commented Jan 29, 2013 at 18:54

dbrin · Accepted Answer · 2013-01-23 21:18:14Z

2

This is not an ExtJS specific question.

If you truly have two Objects jvtdata and detail (and not a JSON string, which you can easily turn into an Object) you can simply do the following:

jvtdata.detail = detail

EDIT: See console for this fiddle: http://jsfiddle.net/FXT9k/

edited Jan 23, 2013 at 21:18

answered Jan 23, 2013 at 18:57

dbrin

15.7k4 gold badges59 silver badges85 bronze badges

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

1 Comment

John Over a year ago

actually those two json object came was created from this: var jvdetailData = Ext.encode({ details:Ext.pluck(store_jvdtl.data.items, 'data')}); var jvheaderData = Ext.encode({ jvtdata : Ext.pluck(store_jvhdr.data.items, 'data')[0]}); I tried what you did and it didnt work for me

Rafał Rutkowski · Accepted Answer · 2013-01-25 09:30:31Z

2

Ext.apply might be what you're looking for.

var first = {
    "jvtdata":{
        "tranid":"100001",
        "trandate":"Sun Jan 20 2013 00:00:00 GMT+0800 (Taipei Standard Time)",
        "trantype":"f"
    }
};
var second = {
    "detail" : [{
        "id": "1",
        "obj": "data1"
    }, {
        "id": "2",
        "obj": "data2"
    }, {
        "id": "3",
        "obj": "data3"
    }]
};
var merged = {
    jvtdata: Ext.apply(first.jvtdata, second)
};

answered Jan 25, 2013 at 9:30

Rafał Rutkowski

1,44910 silver badges11 bronze badges

Comments

Reimius · Accepted Answer · 2014-06-19 13:56:15Z

1

Looking at your comment on another answer, here is what you are looking for(I think?):

var details = Ext.Array.pluck(store_jvdtl.data.items, 'data');
var jvtData = Ext.Array.pluck(store_jvhdr.data.items, 'data')[0];
jvtData["details"] = details;
jvtData = Ext.encode(jvtData);

edited Jun 19, 2014 at 13:56

answered Jan 23, 2013 at 19:56

Reimius

5,7325 gold badges27 silver badges44 bronze badges

2 Comments

Darin Kolev Over a year ago

Ext.pluck is deprecated since ExtJS 4.0.0, use Ext.Array.pluckinstead

Reimius Over a year ago

Updated according to #Darin Kolev

Michael Marr · Accepted Answer · 2013-01-23 18:44:15Z

0

I believe you need the merge method:

http://docs.sencha.com/ext-js/4-1/#!/api/Ext-method-merge

answered Jan 23, 2013 at 18:44

Michael Marr

2,09914 silver badges13 bronze badges

Comments

Darin Kolev · Accepted Answer · 2014-06-19 09:07:15Z

0

Here is comparing the function for ExtJS:

Ext.Object.equals(object1, object2)

answered Jun 19, 2014 at 9:07

Darin Kolev

3,40913 gold badges35 silver badges48 bronze badges

Collectives™ on Stack Overflow

Merge two different json object in extjs

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related