Hi,

I have implemented Kendo UI treeview with checkboxes control with ASP.Net MVC4.  Please find below the code

<div >
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(checkboxes => checkboxes
.CheckChildren(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.Cshtml file I kept Kendo UI .js and .css script and link references

 <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>

Thanks,
Srikanth

Hi All,

I am using kendoui tabstrip control on my asp.net web form.I have used different controls inside tabstrip like input,select,buttons etc ,

it works fine on browsers but when I test it on iPad , my button controls which are inside tabstrip control  do not fire click event.

Any help in this regard will be highly appreciated.

Regards
Imran

 

Hi there,

I am struggling with datasource create transport. While normally the correct parameter to a rails server for creating a new item is as follow: 

Started POST "/shoes" for 127.0.0.1 at 2012-03-10 18:10:32 +0700
Processing by ShoesController#create as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"QrQCjdrZTYpNCbCDeh8iCxSbUdFo7aTHg+GeGKTpNuA=", "shoe"=>{"name"=>"the correct format", "price"=>"", "url"=>"", "replacement_mileage"=>""}, "commit"=>"Create Shoe"}
But kendoui's data source create transport sends the following format:

Started POST "/shoes.json" for 127.0.0.1 at 2012-03-10 18:10:35 +0700
Processing by ShoesController#create as JSON
  Parameters: {"name"=>"shoename"}
My script is as follow:

Is the coming hierarchal datasource stuff mean that KendoUI will have associations?

I'm trying to filter a data-source but I get the error described below. I did some research and found that it can normally be resolved by providing a schema.model that sets the offending property type to a number and this should tell kendoUI not to use toLowerCase() on it. Despite making this change, as you will see in the example, I still get the error. I'd appreciate some help.

Error message: Uncaught TypeError: Object 1 has no method 'toLowerCase'

Example: http://jsbin.com/ocehiq/1/edit - the error occurs when you change the selected category, which is supposed to filter the list of products

Hello.
When I try to invoke the "onDrop" event on "kendoDropTarget" on ie 10 using Windows 8 Consumer Preview, I can't find all the properties relative to the positioning on the screen:
e.pageX
e.pageY
e.screenX,
e.screenY
e.clientX,
e.clientY

The same code works on Firefox 15.0.1

Thanks in advance,
Marco

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?