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": "$0.00", "epc": "$0.000", "name": "us", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "device", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "iphone", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "isp", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "comcast cable", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "os", "children": [{"clicks": 15, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "ios", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}, {"clicks": 10, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "android", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "referer", "children": [{"clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "unknown", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}], "clicks": 26, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "sprint", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}, {"children": [{"by": "country", "children": [{"clicks": 10, "conversion_rate": "50.0%", "conversions": 5, "earned": "$0.50", "epc": "$[url removed, login to view]", "name": "us", "profit": "$0.30", "roi": "150%", "spent": "$0.20"}]}, {"by": "device", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "galaxy s", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "isp", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "comcast cable", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "os", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "android", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}, {"by": "referer", "children": [{"clicks": 1, "conversion_rate": "0.0%", "conversions": 0, "earned": "$0.00", "epc": "$0.000", "name": "unknown", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]}], "clicks": 1, "conversion_rate": "100.0%", "conversions": 1, "earned": "$0.00", "epc": "$0.000", "name": "verizon", "profit": "$0.00", "roi": "0%", "spent": "$0.00"}]

JavaScript jQuery / Prototype

Projekt ID: #2560431

Om projektet