Nested Show Element In React-Admin











up vote
0
down vote

favorite












I'm using react-admin to try display some data.



I have a data structure like : 



{

    retailerName: retailerName

    stores: [

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

    ]

}


And so far I've created a resource that displays the retailer and store count, when clicked in then shows more detailed information about all the stores under that retailer.



Now I want to be able to click those stores and show all the products inside those stores but I can't figure out a way to do this.



Any help would be appreciated.






javascript reactjs data-structures react-admin







share|improve this question









New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Not sure if this would help, but model composition may be useful, aka, nested object models.
    – Sid
    2 days ago















up vote
0
down vote

favorite












I'm using react-admin to try display some data.



I have a data structure like : 



{

    retailerName: retailerName

    stores: [

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

    ]

}


And so far I've created a resource that displays the retailer and store count, when clicked in then shows more detailed information about all the stores under that retailer.



Now I want to be able to click those stores and show all the products inside those stores but I can't figure out a way to do this.



Any help would be appreciated.






javascript reactjs data-structures react-admin







share|improve this question









New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Not sure if this would help, but model composition may be useful, aka, nested object models.
    – Sid
    2 days ago













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I'm using react-admin to try display some data.



I have a data structure like : 



{

    retailerName: retailerName

    stores: [

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

    ]

}


And so far I've created a resource that displays the retailer and store count, when clicked in then shows more detailed information about all the stores under that retailer.



Now I want to be able to click those stores and show all the products inside those stores but I can't figure out a way to do this.



Any help would be appreciated.






javascript reactjs data-structures react-admin







share|improve this question









New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











I'm using react-admin to try display some data.



I have a data structure like : 



{

    retailerName: retailerName

    stores: [

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

        {

            storeName: storeName

            products: [

                {

                    productName: productName

                    productQuantity: productQuantity

                }

            ]

        }

    ]

}


And so far I've created a resource that displays the retailer and store count, when clicked in then shows more detailed information about all the stores under that retailer.



Now I want to be able to click those stores and show all the products inside those stores but I can't figure out a way to do this.



Any help would be appreciated.






javascript reactjs data-structures react-admin




javascript reactjs data-structures react-admin






share|improve this question









New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 2 days ago





















New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 days ago









Josh Jenkins

13




13




New contributor




Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Josh Jenkins is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • Not sure if this would help, but model composition may be useful, aka, nested object models.
    – Sid
    2 days ago


















  • Not sure if this would help, but model composition may be useful, aka, nested object models.
    – Sid
    2 days ago
















Not sure if this would help, but model composition may be useful, aka, nested object models.
– Sid
2 days ago




Not sure if this would help, but model composition may be useful, aka, nested object models.
– Sid
2 days ago

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});






Josh Jenkins is a new contributor. Be nice, and check out our Code of Conduct.










 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238488%2fnested-show-element-in-react-admin%23new-answer', 'question_page');
}
);

Post as a guest























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes








Josh Jenkins is a new contributor. Be nice, and check out our Code of Conduct.










 

draft saved


draft discarded


















Josh Jenkins is a new contributor. Be nice, and check out our Code of Conduct.













Josh Jenkins is a new contributor. Be nice, and check out our Code of Conduct.












Josh Jenkins is a new contributor. Be nice, and check out our Code of Conduct.















 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53238488%2fnested-show-element-in-react-admin%23new-answer', 'question_page');
}
);

Post as a guest






































































-

Popular posts from this blog

Florida Star v. B. J. F.

Image
Florida Star v. B. J. F. From Wikipedia, the free encyclopedia Jump to navigation Jump to search United States Supreme Court case Florida Star v. B. J. F. Supreme Court of the United States Argued March 21, 1989 Decided June 21, 1989 Full case name The Florida Star v. B. J. F. Citations 491 U.S. 524 ( more ) 109 S. Ct. 2603; 105 L. Ed. 2d 443; 1989 U.S. LEXIS 3120; 57 U.S.L.W. 4816; 16 Media L. Rep. 1801 Prior history The Florida Star v. B.J.F., 530 So.2d 286 (1988) Supreme Court of Florida; Florida Star v. B.J.F., 499 So.2d 883 (1986) Fla. Dist. Court of Appeals Holding Florida Stat. § 794.03 is unconstitutional to the extent it makes the truthful reporting of information that was a matter of public record unlawful, as it violates the First Amendment. Court membership Chief Justice William Rehnquist Associate Justices William J. Brennan Jr.  · Byron White Thurgood Marshall  · Harry Blac
Read more

Error while running script in elastic search , gateway timeout

Image
0 while running script in elastic search, I got 504 Gateway timeout error. { "query": { "bool": { "filter": { "script": { "script": " doc['creted_date'].date.getMonthOfYear() == 12 " } } } }, "aggs": { "test": { "date_histogram": { "field": "creted_date", "interval": "month", "format": "MMM" }, "aggs": { "cost": { "sum": { "field": "cost" } } }
Read more

Adding quotations to stringified JSON object values

Image
0 My stringified object data doesn't include quotation marks around object values, which errors when attempting JSON.parse() : '{ "affiliation": CORPORATE, "userId": 75c35d1c-5d12-4485-8fa8-b2f1551a3e6e }' I need the string to be: '{ "affiliation": "CORPORATE", "userId": "75c35d1c-5d12-4485-8fa8-b2f1551a3e6e" }' I'm using this regex to add quotes to the object keys: var newStr = str.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, '"$2": '); For instance: '{ affiliation: CORPORATE }' to '{ "affiliation": CORPORATE }' There are only string values in my data, so I don't need to check value types. How can I alter my regex expression to add quotations to
Read more