In Progress

kendoui datagrid modification

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, jQuery / Prototype

See more: kendoui grid javascript, kendoui datagrid, verizon android, tab prototype, grid html, easy prototype, device anywhere, comcast cable, android verizon, jquery grid, epc, datagrid, comcast, javascript html modification, jquery example datagrid, jquery dynamic, android strip, ios order, modification iphone, number grid columns, jquery dynamic fields, generate html json, jquery fields, jquery order, strip android

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

Project ID: #2560431