I assign user id and user name in viewdata,How to bind viewdata in dropdownlist using jquery.

 <script>

var User=JSON.Parse('@html.Raw(Json.Encode(ViewData["UserDetails"]))');

$("#ddFunctionClub").kendoDropDownList({

          height : 150,

             dataTextField : "name_function_club",

              dataValueField: "id_function_club",

             ​BindTO: User

           });

I discovered a bug in the ImageBrowser today while testing.

The problem occurs when uploading two different files in quick succession. I click the Upload button in the ImageBrowser, select a file, then quickly click the Upload button again, and select a different file. After both requests to the Upload URL complete, the ImageBrowser shows the two new files, but they both have the filename of the first file.

I also tested this on the Kendo demo for the ImageBrowser at http://demos.telerik.com/kendo-ui/editor/imagebrowser , and it does the same thing.

Here are some screenshots to hopefully help show what's going on.

I am creating a Dynamic Kendo Grid using GridBoundColumnBuilder().
I loop through all of the controls on the previous page to create the grid. For example with myTextbox(), myCheckbox(), etc.
These create columns in the grid. I have all of the columns creating and populating with data.
My issue is with the Dropdownlist and the Multiselect list, they populate with data but do not display the correct data when the grid is created. The dropdown list displays the value, not the text of the previous control:
1 = My 2 = Data
The Dropdownlist will display 1 instead of My. And, the Multiselect only displays [object Object].
When you click on either of the controls in the grid it switches to show the proper text, but loses it when you click off.
Any ideas of what I am doing wrong?

We are evaluating Kendo UI for a large application that will be an editing tool that takes up the entire browser window. I've been playing with tabs, accordions, and splitters for quite a few hours, and can't seem to come up with the mechanics to have a layout take up the fully available browser height and behave well when the browser is resized. Here's what I've come up with:

http://codepen.io/vrmerlin/pen/JdQoNe

For some reason, no matter what CSS I try, the components all compact into the top half of the screen. I was hoping for the kind of full-screen experience that you get with, say, Codepen, where you have distinct regions that take up the whole browser window, each with their own scrollbars. Is this possible with Kendo?

Thanks,
John

Hi There,

I am new to kendo UI, I am struggling to bind dynamic data to treemap. I could not able to find example on forum

 Controller returns:

Json(treeMap, JsonRequestBehavior.AllowGet);​ object of following class

public class TreeMapData

{

      public int ParameterID{...}
      public string ParameterName{...}
      public double ParameterWeight{...} 
      //public string ParameterStatus
      public List<TreeMapData> ParameterChilds{..}
      //public string ParameterTooltip{...}
      public bool HasChild { get { return  ParameterChilds.Count > 0?true:false;    }
}

View:

<script type="text/javascript">
    function createTreeMap() {
        $("#treeMap").kendoTreeMap({
            dataSource: {
                transport: {
                    read: {
                        url: '@Html.Raw(Url.Action("GetAnalysisData", "Analysis", ""))',
                        dataType: "json"
                    }
                },
                schema: {
                    model: {
                        parameterid: "ParameterID",
                        parametername: "ParameterName",
                        parameterwieght: "ParameterWeight",
                        hasChildren: "HasChild",
                        children: "ParameterChilds"
                    }
                }
            },
            textField: "parametername",
            valueField: "parameterwieght"
        });       
    }

    $(document).ready(function () {
        createTreeMap();
        $(document).bind("kendo:skinChange", createTreeMap);
    });
    
    </script>​

Error : Microsoft JScript runtime error: Object doesn't support property or method 'slice'.

When i bind status data, it perfectly works fine.

Hi, is there a simple way to disable user entering some random text into the date time picker? I know there is kendo validator to validate the value, but my question here is how to stop user entering nonsense data.

 Thanks in advance

We tried to close the window in lastest ios,however, the window is not close, here is an example:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.dataviz.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.dataviz.default.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.mobile.all.min.css">

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2015.2.805/js/kendo.all.min.js"></script>
</head>
<body>

<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({actions: ["Close"]});
var dialog = $("#dialog").data("kendoWindow");

</script>
</body>
</html>​

We tried to close the window in lastest ios,however, the window is not close, here is an example:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.dataviz.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.dataviz.default.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.2.805/styles/kendo.mobile.all.min.css">

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2015.2.805/js/kendo.all.min.js"></script>
</head>
<body>

<div id="dialog"></div>
<script>
$("#dialog").kendoWindow({actions: ["Close"]});
var dialog = $("#dialog").data("kendoWindow");

</script>
</body>
</html>​