Closed

kendoui grid creation

I'm looking for someone that has experience working with kendoui to create a single javascript function that accepts a JSON object and will generate a detailtemplate grid dynamically similar to this: [url removed, login to view]

You can think of this as a pseudo treegrid. The object has three levels. The top level is utilized for the main grid. Its children (denoted by the field 'by') are used for the detail tab strip, and its children are used to populate the grid within the tab.

The columns for the grid and detail grids are these fields in the following order: name, clicks, conversions, conversion rate, epc, earned, spent, profit, roi.

The tabstrip used for details will always be dynamic in the number of 'by' fields for these objects.

Performance needs to be good on rendering this entire grid as there can be anywhere from hundreds to a thousand nodes contained within the object that is being passed in.

The grid needs to be easy to seamlessly reinitialize with a new object.

Here is an example object:

[{"children": [{"by": "country", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "us", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "device", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "iphone", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "isp", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "comcast cable", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "os", "children": [{"clicks": 15, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "ios", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}, {"clicks": 10, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "android", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "referer", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "unknown", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}], "clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "sprint", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}, {"children": [{"by": "country", "children": [{"clicks": 10, "conversion_rate": "50.0%", "conversions": 5, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "us", "profit": "$[url removed, login to view]", "roi": "150%", "spent": "$[url removed, login to view]"}]}, {"by": "device", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "galaxy s", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "isp", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "comcast cable", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "os", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "android", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}, {"by": "referer", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "unknown", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]}], "clicks": 1, "conversion_rate": "100.0%", "conversions": 1, "earned": "$[url removed, login to view]", "epc": "$[url removed, login to view]", "name": "verizon", "profit": "$[url removed, login to view]", "roi": "0%", "spent": "$[url removed, login to view]"}]

Skills: Javascript

See more: kendoui grid, kendoui treegrid, kendoui grid json, kendoui grid javascript, kendoui example, verizon android, grid html, device anywhere, comcast cable, android verizon, epc, comcast, easy creation, android strip, ios order, number grid columns, generate html json, strip android, ios json, javascript order function, web strip, android pseudo, android html json, isp order, children ios

About the Employer:
( 13 reviews ) miramar, United States

Project ID: #2535841