I just started using Kendo today and really appreciating the docs and examples.

However I think found a quite scary regression bug in the grid control.

This jsfiddle is the original working example I found : http://jsfiddle.net/EaNm4/ 
It is based on a 2011 version of the product.
You can click rows with a single click and it will select the row reliably each time.

This is a modified version using the latest 2013 version (yes I realize I'm still using the old stylesheet)
http://jsfiddle.net/jfzxa/
* If you try to click a row it cannot be reliably selected. Sometimes it selects it and sometimes it doesn't
* If you then change selectable to 'multiple row' you can reliably select rows again.

So in summary :
version 2013.1.319 grid control
cannot reliably select rows unless 'selectable' is set to 'multiple row' 

thanks

Hi Support Team,

I had a big issue when using KendoListView function on windows 8 platform. The issue is window 8 platform doesn't allow us add dynamic html that contain unsafe code. 

I made a search and found out this link:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx

This is extracting from the article:
"Dynamically adding HTMLA page
in your app's local context has more access to the system than other Web pages (or "Web-context pages") do. It can access the Windows Runtime and, depending on the app's permissions, might be able to access the file system and your devices. For this reason, it's important to prevent potentially malicious code from executing.To guard against script injections and help shield your system from potentially malicious code, HTML you inject into a page in the local context is filtered as though it was processed by the toStaticHTML method. Injecting HTML that contains an unknown element, event handler, script or reference to script, or unknown CSS pseudo-element and pseudo-class causes an exception when you try to add the HTML to the page's DOM."

We can work around by placing the block of code in the function MSApp.execUnsafeLocalFunction as following:
MSApp.execUnsafeLocalFunction(function () {
                        var listView = $("#listView").kendoListView({
                            dataSource: localDataSource,
                            selectable: 'single',
                            template: kendo.template($("#CountryListView_template").html())
                        });
                    });

But this method is not good as we must change code of the whole process to make it work. So I need to override the kendoListView function to make it affect for the whole project without much code changes.

I tried this one:

 _kendoListView = $.fn.kendoListView;
 $.fn.kendoListView = function (i) {
       var _this = this;
        MSApp.execUnsafeLocalFunction(function () {
            _kendoListView.apply(_this, arguments);
        });
        
    }

But it doesn't work. Would you please help me how to override this function above. i just want to add the code MSApp.execUnsafeLocalFunction before call KendoListView function. 

Thanks and Best Regards,
Craig,

Hi team,

I want create Dynamic templates.In the below link sample showing the static template.
http://jsfiddle.net/kashyapa/hWXuF/embedded/result/
My requirement is  bind the dropdown list dynamically and based on change event bind another control .
Could you please suggest how to crate this type of templates in MVC  and If you have any samples could you please send?

Our website app is located at http://360vindemo.com. We are using KendoUI v2013.2.1024, and we are calling remote views.

If you browse to our website on some mobile devices (specifically a Nexus 7 or an iPad Mini), the first time you load the website (it auto-forwards mobile devices to http://360vindemo.com/Mobile), the Kendo Mobile Application starts up and loads everything, but the problem is that the browser evidently thinks the header takes up 0 height, so the View that gets rendered is underneath it. See the screenshot. After refreshing the page, it looks normal, and the header takes up the correct amount of height. So there seems to be some weird timing issue, that if something isn't loaded, the header takes up 0 height, and the View registers that it is supposed to be at the very top of the screen.

This bug only seems to happen after I have either closed the browser, reopened it, and browsed to our URL; or cleared the cache, then browsed to our URL. But if you hit the refresh button, it works every time.

We have tried giving the <header> tag an inline height, but the remote views still appear under the header. Any idea what is going on here? Let me know if you need any clarifying information.

I have a situation where I want to attach a persistent function to child objects of a view model after they are passed to the view model from the server, so ...

I am fetching it through a dataSource, that goes to the Kendo Multi-Select widget. The data looks like this ...

But I would like for it to look like this, once it is in my javascript.

Is there anything I can do to achieve this? I was looking at the "schema" feature of the dataSource.

Drag from listview and drop in  Circular target area (maybe using SVG etc it can be achieved)
I tried using CSS circle border-radius:50% but it just shows circle div , but actually its a rectangular div.

I am searching the solution from several days in your forum and other stackoverflow forums, but couldn't find solution for complete circular div area for drop (Using Drag and Drop)

Please let me know whether it is possible or not ?
If you want more detail of my question then I can create a jsfiddle for it.

So I'm using dataTables since I really like the functionaloty, but I'm having problems pulling the data.. only kendoUI can pull the data from a Yii url structure for instance this one url:"<?php echo Yii::app()->createUrl('gridData/dataContactLog?customer_id='.$model->id); ?>",  so I just want to get data from kendoUI and put it in dataTables plugin thhanks!

I am following this demo:
http://demos.kendoui.com/mobile/scrollview/custom-template.html#/

What I am not able to figure out is how to bind a Tap event either after the new pages are rendered.

$('.batch-page .gallery-page .tile').kendoTouch({tap: function (e) {
   alert('Hello")
}});

Normally I would just jquery's live on method, but I need the kendo tap binding.

Hi there.

I have several dropdownlist boxes, and each box is populated serverside
The CreateSelectList function returns a List<SelectListItem>
When the returned List<SelectListItem> got a default value (Selected=true), the dropdownlist is not visible, if there is not selected value, then the dropdownlist is visible.
In firebird developer screen, i can see it sets visibility: hidden when i got a value, and its not there when i dont have a value.
When i have a value for a dropdownlist - html code:

Note the second <span>
And here is the html code when i dont have a value:
Im a missing something obvious?
Right now i will just create a standard combobox in html to get along, but would prefer to use kendo objects.
Thanks in advance
 - René

Hi,

I was surprised to see there is no possibility to have a scrollable menu when the rendered content is bigger than the screen.

Here is an example (the list starts at the letter B, but only items from P are displayed).  Is there any way to access the hidden items?