Accessing fields with '@' symbol of object in dGrid

Question

I have an issue to set fields of layer in dGrid.

store = new Memory({data: someData});
grid = new Grid({
    store: store
});

layout = {[label: 'ID', field: '@attributes', formatter: getId]};

grid.set('columns', layout);

the someData is an object with the following structure

someData = {
{@attributes: {
    id: someId
}},
{@attributes: {
    id: someId
}},
};

getId = function (value, rowId) {
return value.id;
};

well, it cannot get the Id or anything.

I appreciate any suggestion. Thanks in advance :)

Have you tried quoting the field name: `someData = {'@attributes': {id: someId}};`? — Thilo, Aug 23 '13 at 07:40
@Thilo I don't really have a control at the data since it is received as JSON object from outside of the server. — Eugene Yu, Aug 23 '13 at 07:48

score 0 · Answer 1 · answered Aug 25 '13 at 20:07

0

You obviously can't access it using dot notation. You will have to use square bracket notation.

someData['@attributes'].id

It's unclear if getId is something you created or part of dgrid and you aren't able to change it. If the latter, you should rename the @attributes property after you've accessed it but before you send it to dgrid.

someData.attributes = someData['@attributes'];
delete someData['@attributes'];
// send it off to dgrid...

answered Aug 25 '13 at 20:07

ryan

6,541
5
43
68

getId is what I created to make use of formatter to do the similar thing with your answer. but it turns out dgrid can't pass the '@attributes' to the method. One more thing I was unclear about is someData contains array of objects not just a single array. so changing the name of property doesn't seem like what I am looking for. Cheers. – Eugene Yu Aug 25 '13 at 23:13

score 0 · Accepted Answer · answered Sep 11 '13 at 23:34

The solution was pretty simple, as you guys would already know, to access an object with @ symbol you need bracket notation. Since dGrid supports formatter you can achieve the task by doing like this

layout = {[
    label: 'ID', field: '@attributes', formatter: function (value) {
        return value['@attributes'].id;}
]};

And that will display ID value in @attributes.

Accessing fields with '@' symbol of object in dGrid

2 Answers2