Multiple kendo controls included in the same page are not rendering themselves.
I am trying to include a Panel Bar within a Splitter panel.
But, with the below code only the Splitter renders and the Kendo panel bar is not seen.
If i move the KendoPanelBar code ahead, then the PanelBar is seen and not the splitter.
Please suggest ..

<script type="text/javascript">
    $(document).ready(function () {
        $("#splitter").kendoSplitter({
            panes: [
                { collapsible: true, min: "100px", max: "100px" },
                { collapsible: true}],
            orientation: "horizontal"
        });

        $("#panelBar").kendoPanelBar();
       
    });   
</script>

myDS = new kendo.data.DataSource({

type: "odata",

transport: {

read: { url: "http://localhost:2000/Ajax/Lists/PassageDataService.svc/Passages/"  

 //, dataType: "json"
}},

schema: {

data: "d.results", model: {id: "SeqId", fields: myObject}

},

pageSize: 10,

serverPaging: true,

serverFiltering: true,

serverSorting: true,

sort: { field: "SeqId" }

});


When i Try to add objet to my data source with

 myDS.add(myObject);

the object is added (I can see it on firebug), all goes fine but when i look at the page the new object is not on the kenod grid and firebug show an error "d.d is not defined"

If i use Json instead of odata, add object works fine but the rest is broken (pagging filtering etc with dataservice).

Anyone has every tried to add row on buton click event to kendo grid using odata and dataservice?

thanks,
Laurent