Hi,

After seeing the demo, I have implemented treeview checkboxes. After implementing all code logic, when I am trying to expand treeview on any parent node is not being expanded. Please  find below code 

GroupsTree.chtml :

<div id="treeview">
   
     @(Html.Kendo().TreeView()
                .Name("treeview")
                .Checkboxes(true)
                .Items(treeview =>
                {
                    treeview.Add().Text("Furniture").Id("1")
                        .Expanded(true)
                        .Items(furniture =>
                        {
                            furniture.Add().Text("Tables & Chairs").Id("2");
                            furniture.Add().Text("Sofas").Id("3");
                            furniture.Add().Text("Occasional Furniture").Id("4");
                        });

                    treeview.Add().Text("Decor").Id("5")
                        .Expanded(true)
                        .Items(furniture =>
                        {
                            furniture.Add().Text("Bed Linen").Id("6");
                            furniture.Add().Text("Curtains & Blinds").Id("7");
                            furniture.Add().Text("Carpets").Id("8");
                        });
                })
            )
</div>


In _Layout.Chtml :

 <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>

Error : 
0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'kendoTreeView'


Please let me know if you need any other information.

Hi All,

I was wondering, what are you supposed to do with a dataItem ?

In the grid documentation, I saw code that looked like this:

var row = this.select(); // assuming this is single select
var dataItem = this.dataItem(row);

However, I'm not sure what I can call on dataItem.  How do I get the values of the selected row?

I have made a widget with a grid encapsulated in it. When i give the grid a maximum height via
i have problems selecting the rows a the bottom of the grid, when i scroll down and click on a row the grid scroll to the top and doesn't select anything. The problem only occurs in IE, in chrome this works perfect.

I have created a sample
jsfiddle

best regards

I can't seem to center the Kendo UI Menu on a page.  It is always left aligned.  I can center the text on it using text-align:center, but I want to center the entire menu on a page and then have the text be left aligned.  So far I have not had any luck.  It seems like it should be an easy thing to do.

Anyone?

I've attatched an image of the menu how it currently looks.  If you look at it, I am using my own menu (in green) on the top that is centered. I am then using the Kendo UI Menu on the bottom (in black).  The problem is that I can't seem to center the menu.  I can get the text in each of the menu items to be centered, but I need the whole menu to be centered on the page like the top green menu.

Anyone know how to do this?  Can it be done?  What do I need to do to center it.  Anyone have an example of the Kendo UI Menu being centered on a page?

Hi,
I am new to kendo ui, i am trying to use kendo grid in my mvc application, with the help of getting started section on kendo site, i am following the steps but getting error . I get the below error message "htmlfile: Unexpected call to method or property access" in jquery.min.js file, the below line in the file gets higllighted
(this.nodeType===1||this.nodeType===11)&&this.appendChild(a)
Please help me in resolving the error, is it related to any error or anything

Open a modal window as in the code below.

Now drag the bottom of the underlying window up using the grab-bar, so that the bottom of the popup window is partially obscured.

Now try to close the modal window by clicking on the [X] at top right corner. On my PC (IE9) the modal window won't close.

Hi everyone,
I am using kendo ui panelbar and grid. they are each in a different div. I would like every time i click on an item in the panel to be able to display content in the grid.
Is this possible? and if so, kindly help me please.

I will be grateful with your responses  

I would like my draggable element to stay in view, so if I need to drag my item down the page, the page will automatically scroll until I find the place a need to drop it.  Is this possible? 

Thanks,
Joe

How do I reference an existing menu item, when I like to add items to submenu?

var rootMenu = [{text:"one"},{text:"two"}];
$("#menu").kendoMenu({dataSource:rootMenu});

var menu = $("#menu").data("kendoMenu");

menu.append([{text:"one-first"},{text:"one-second"}],// I like to reference to rootmenu [text="one"]);

I tried adding attributes to my root menu, but could not figure out how when I'm populating it from a json.

ref: http://docs.kendoui.com/api/web/menu#methods

Thanks

Hi,

We have a fairly simple grid on a page.  The grid displays fine in Chrome and IE 10 and IE 9 with compatibility turn on.  With IE9 or IE10 with compatibility turned on, we get the following JS runtime error:

Unhandled exception at line 9, column 7339 in   http://localhost:55974/Scripts/KendoUi/kendo.web.min.js
0x800a139e - Microsoft JScript runtime error: Invalid template:'<tr data-uid="#=data.uid#" role='row'><td  role='gridcell'>${data.[==null?'':data.[}</td><td  role='gridcell'>${data.{==null?'':data.{}</td><td  role='gridcell'>${data. ==null?'':data. }</td><td  role='gridcell'>${data.f==null?'':data.f}</td><td  role='gridcell'>${data.i==null?'':data.i}</td><td  role='gridcell'>${data.e==null?'':data.e}</td><td  role='gridcell'>${data.l==null?'':data.l}</td><td  role='gridcell'>${data.d==null?'':data.d}</td><td 
...

I truncated the full error output but attached the full output to this post.  Again IE9 is the only browser that causes this error.  Everything works fine in IE 10 and IE 8 (and other browsers).

We are evaluating Kendo UI, but this is a major show-stopper for us and we need to make a decision in the next couple of days.  if we cannot find a workaround, we will need to go with a different 3rd party library.  

This is how the grid is declared:
        <table id="jobs" 
               data-role="grid" 
               data-bind="source: jobsList, events: { change: gridChange }"
               data-columns="[{ field: 'Id', width: 50, title: 'Id', filterable: true}, 
                            { field: 'Name', width: 80, title: 'Name', filterable: true}, 
                            { field: 'Description', width: 150, title: 'Description', filterable: true},
                            { command: ['edit','destroy'], title: '' }]"  
               data-toolbar="[{ name: 'create', text: 'Add new job'}]"
               data-pageable="true"
               data-editable="{mode: 'inline', confirmation: 'Are you sure you want to delete this job?  It will not be recoverable'}"
               data-sortable="true"
               data-column-menu="false"
               data-resizable="true"
               data-selectable="true"
               data-filterable="{ extra: false, operators: { string: { startswith: 'Starts with', eq: 'same as',  neq: 'different' }, number: {eq: '==',  neq: '!=' , gt: '>', lt: '<'}}}"
            >
        </table>

I can provide the datasource code as well if needed.

Any help will be greatly appreciated.

Thank you.