Performance Question

[Mike]

Hello.  I'm looking for performance optimizations in my web application which uses kendoUI.  Which of these approaches would you expect to be faster?

Approach 1:
Build a large DOM tree full of <ul> and <.li> elements, representing a kendo treeview.  When all DOM elements are constructed, call .kendoTreeView(); so that each set of DOM elements is converted to a treeview.

Approach 2:
Build a large JSON structure representing kendo treeview data.  Initialize the kendotreeview in the page by calling .kendoTreeView() and then insert the data into the tree by calling the append function

Or is there another even better way than either of these approaches?

[Alex Gyoshev]

Hello Mike,

Initializing the treeview directly from JSON is faster, as it does not need to parse the DOM tree (which, as every DOM operation, is slow):

$("#tree").kendoTreeView({
    dataSource: [
        { text: "foo" }
    ]
});

 Using append() to add the items is as fast as initializing the treeview from JSON.

Greetings,
Alex Gyoshev
the Telerik team