I have a nested <ul> in HTML that I'm converting to a treeview (using $("#myTreeView").kendoTreeView();).Every <ul> tag and <li> tag in the list have an id attribute.

Question: When a node in the tree is selected, how do I get the corresponding id of the html list element? I am able to capture the select event (using treeView.bind("select", function (e) {....})) but I dont understand how to get to the id. Constructing the tree using a datasource is probably not a feasible option for my case...

I am using Kendo Tree View in Windows 7 and IE-8 inside Kendo Splitter control. We have load on demand implemented which will load data/child nodes  on expanding each node.
How can I set “Tool Tip” to each node of this Kendo tree view.

I need to be able to click a link within the KendoUI grid and have it populate and <input> fields value.  When I set up my jquery (below) everything works as planned, however, if I assign an ID to a link within the grid and try the same thing nothing happens upon clicking.  If there is a solution please let me know.  Thanks.

       $("#grid").click(function (){
      $("#CaseNumberValue").val('TSCFP029343');});

I have figured this out.  

Thanks

Hello there.
I'm developing a new site using kendo and noticed the following.

I have 3 identical grids(field wise) they store the "same type of" information according to the item selected in drop down list. There are 8 fields in the schema and 2 of those get hidden with the grid.hideColumn("id") function on all 3 grids. There is also a column that contain the edit/update and delete buttons fields.
Now the problem I encountered is the following. Each time I change the selection in the drop down list the kendo grid reloads the correct information but the columns keeps hiding, until all are hidden. (inspected with debugger and they get the "display: none" style attribute) even the ones that are not supposed to be hid. So maybe I am missing something in my code or there is and issue with the grid.hideColumn("id") function.
When for instance i don't include the columns in the definitions of the columns and comment out the grid.hideColumn("id") functions it works perfectly, i.e. keeps the columns as it should.

I've attached my source code below so i do hope you are able to replicate the issue and or tell me if I am using the function incorrectly.

Regards

Hi,

I am trying to bind a model to a higherlevel element and then later bind another model to something nested deeper in the dom.

When I do this, i get the following stack trace:

1. Uncaught TypeError: Cannot read property 'parent' of undefined kendo.all.js:8419
   1. binders.source.Binder.extend.renderkendo.all.js:8419
   2. binders.source.Binder.extend.refreshkendo.all.js:8332
   3. Class.extend.bindkendo.all.js:8158
   4. Class.extend.applyBindingkendo.all.js:8954
   5. Class.extend.bindkendo.all.js:8930
   6. bindElementkendo.all.js:9152
   7. bindElementkendo.all.js:9161
   8. bindElementkendo.all.js:9161
   9. bindElementkendo.all.js:9161
   10. bindElementkendo.all.js:9161
   11. bindElementkendo.all.js:9161
   12. bindElementkendo.all.js:9161
   13. bindkendo.all.js:9175
   14. window.CubeBrowserModelBinder.CubeBrowserModelBinder.bindcubebrowser.model.binder.js:15
   15. CubeBrowserModelBindercubebrowser.model.binder.js:7
   16. CubeBrowsercubebrowser.main.js:6
   17. (anonymous function)59:478
   18. jQuery.Callbacks.firejquery-1.8.3.js:974
   19. jQuery.Callbacks.self.fireWithjquery-1.8.3.js:1084
   20. jQuery.extend.readyjquery-1.8.3.js:406
   21. DOMContentLoaded

Which looks to be caused by my 2nd view using data-bind to source and then  a template

I have tried to replicate it here: http://jsbin.com/iyayuk/7/edit and that gives me a different error but i believe it is close to the same problem.

1. Uncaught TypeError: Cannot call method 'replace' of undefined kendo.all.min.js:9
   1. Template.compilekendo.all.min.js:9
   2. p.isFunction.fjquery-1.8.2.min.js:2
   3. parseOptionskendo.all.min.js:9
   4. akendo.all.min.js:11
   5. akendo.all.min.js:11
   6. akendo.all.min.js:11
   7. akendo.all.min.js:11
   8. akendo.all.min.js:11
   9. skendo.all.min.js:11
   10. (anonymous function)edit:21
   11. f

I noticed this one: http://www.kendoui.com/forums/framework/mvvm/nested-views-bindings.aspx but i dont think i can see a way to get a jquery selector to correctly exclude the deeper elements.

But beyond that I would not expect the code to throw an error.

Appreciate your help on this

Thanks

James.

Sorry if this is not the right spot...but I couldn't find anywhere else to report that it appears that the documentation portion of the site is down.  The page just hangs and never gets there...all other areas (except for the demo page portions that have documentation inlined, which also appear to be down) of the site seem to be working just fine.

i tried the example with the integration with knockout.js
and i noticed that you are using version 1.2.1 of knockout.
i changed the version of knockout with the latest 2.1.0(only switch the reference to 2.1.0 instead of 1.2.1)  and the result was that the ui did not apply the kendo theme.
Is kendo depending on version 1.2.1 of knockout or what should be the problem?

Regards,
Daniel

I'm really happy with the implementation direction you guys went with for the MultiSelect.

There is, however, one issue I noticed in the BETA download...   when constructing the float wrapper div, the BETA download uses the class floatWrap instead of k-floatwrap

This occurs in both the kendo.all.min.js and the kendo.multiselect.min.js

Hello,

I have the following challenge:
I'm using the ListView in an ASP.NET MVC application, where the Kendo UI ListView sits in a Partial View. The items in the list view shall be created using another Partial View (so their content may be different item by item). I've tried to hook up some jQuery code, which alter the elements by using AJAX calls, but it seems that my code runs before the ListView gets rendered. The Action URL is stored in a data attribute of the generated 'div' sections.
Here is the .cshtml code for the partial view:

@model TheModel
@*@{ Layout = null; }*@
<link href="@Url.Content("~/Content/listviewitem.css")" rel="stylesheet" type="text/css" />
<script type="text/x-kendo-tmpl" id="template">
    <div class="itemclass" data-actionurl="${ActionUrl}" />
</script>
<div>
    @(Html.Kendo().ListView<TheDetailModel>()
        .Name("ListView")
        .TagName("div")
        .ClientTemplateId("template")
        .Pageable()
        .DataSource(p_DataSource => p_DataSource
            .Read(p_Read => p_Read.Action("TheDetailModel_Read", "TheModel")
            .Data("additionalData")))
        )
</div>
<script type="text/javascript">
    function additionalData() {
        return { p_TheDetailModelId: "@Model.Id" };
    }
    jQuery(function () {
        jQuery('.itemclass').each(
            function (index, element) {
                var actionUrl = jQuery(element).attr('data-actionurl');
                jQuery.ajax({
                    url: actionUrl,
                    success: function (result) {
                        jQuery(element).html(result);
                    }
                });
            }
        )
    });
</script>

Has anybody an idea how to make this work as expected?