just need a little help here about displaying KendoUI window. My situation is I have a button that will call the window. At first click of button, the window dialog will appear but after closing the window by clicking the 'x' button I can't make it appear again by pressing the same button. I don't know where's my error.Here's my code:

<script type="text/javascript">

$(document).ready(function() {
$(".test").click(function (){
$("#window").kendoWindow({
actions: ["Refresh","Maximize","Minimize","Close"],
draggable: true,
height: "300px",
modal: true,
resizable: false,
title: "Purchase Order Supplier Detail",
width: "500px"
});
});
});
</script>

<div id="window" style="visibility: hidden;"></div>
<input type="button" class="test" value="test" />

We have a DropDownList that pulls in options via Ajax. We have this working great in our Web project, but when we copied it over to use in a Mobile project, we found that when tapping on the DropDownList, it would take a good 2 seconds or so to actually open the list. Granted, the list has about 150 options in it, but this 2 second pause would be confusing to users, since they wouldn't know if the pause was because their tap didn't register or what.

Have you all run into this, where a DropDownList on Mobile with lots of options took 2+ seconds to appear once tapped? Is there a way to make it faster, or are we going to have to use a simple select menu instead?

(don't know if this is relevant information, but the DropDownList is in a form in a ModalView that appears over a View)

Here is my function to open the window, but I am get the following error;

Cannot read property 'field' of undefined

How do I use the data items on the loaded page?

function showEdit(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
editWindow.refresh({url:"/Managers/ratesheet_edit.aspx",data: dataItem});
$("#editRateSheet").closest(".k-window").css({
top: 10,
left: 10
});
editWindow.open();
}

How do you link between two views in a MVC mobile application while maintaining a layout? The code for my _Layout.mobile file is below:

I can move around my application just fine by using mobile buttons with the following code:
However, I would like to do the same thing using a href. Is this possible or do I need to change the css of the button to accomplish what I would like?

I have just spent a few hours debugging some kendodatasources, but have now narrowed it down to a bug in kendo mvvm bindings (I think).

For example in the html below I have data-bind="source:viewModel.orderSource", where orderSource is a kendodatasource object in the viewModel.

Notice in the commented out html I just reference client name on the main entity with #: ClientName#.

Well I then added a Client entity to the data model and made that a reference on the main Order entity.

But, everytime I ran the code I was getting "Uncaught ReferenceError: ClientName is not defined".

After trying lots of things (thinking it was my odata source or kendodatasource definition) that was causing the problem I change ClientName in the commented out section to Client.ClientName in an act of desperation!

Voila!  The error was fixed.

So the issue must be that the MVVM bindings somehow don't recognise that the "#: " is within a comment and tries to bind it.

Is that a bug or is that somehow strangely by design?

What made it all the more difficult is that the error occurred at the datasource.read(), and didn't mention anything about the binding level being the issue.

***Just realised I should have probably posted this on the Kendo forums, but may as well leave here in case anyone hits the same issue.****

<div>
<ul data-role="listview" data-auto-bind="false" data-style="inset" data-bind="source:viewModel.orderSource,events:{click:selectorder}" data-template="ordersTemplate">

            </ul> 
        </div>

        <script id="ordersTemplate" type="text/x-kendo-template">
            <a href="\#side-order?orderID=#: EnquiryId #" >
               <!-- <span data-bind="style: {
        backgroundColor: Status.StatusColor}" class="statusBadge">#: Status.StatusName# </span><span style="font-size:11px">#: ClientName# #: MainAddress1# #: MainPostcode#</span>-->
             <span ></span><span data-bind="attr: { class: Status.StatusCssClass}" style="font-size:11px">#: Client.ClientName# #: Client.ClientAddress# #: Client.ClientPostcode# (#:Status.StatusName#)</span>
                
            </a> 
        </script>

When i use the flat theme the drawer shows just fine but when i close it, it overlays on top of the main view.
can someone tell me why and how to fix it.

thanks!!

Just so you guys know, on the demo site at http://demos.kendoui.com/mobile/modalview/index.html , there is a misspelling in the ASP.NET MVC index.cshtml example, where the template helper is named "ModalViewContentTempalte".

The problem is that when using a custom validation in the Kendo UI Grid for with a single editable column in IE 9 and 10 the validation message seems to get duplicated for the following use-case,

Please refer to the following JSFiddle - http://jsfiddle.net/praneethw/j9D8Q/2/

1. Wait for the grid to load.
2. Click on the editable column "Allocated"
3. Delete the content.
4. Click on a different row.
5. Click back in the Textbox and notice the duplicate warning message.

I need to enable a few custom validations and this seems to be blocking me at the moment when using with IE
I would greatly appreciate you quick response please with a resolution or work around please.

When I sort the grid, I see this error





extend.getterkendo.web.js:2326
Comparer.selectorkendo.web.js:6528
Comparer.comparekendo.web.js:6532
Comparer.createkendo.web.js:6558
Query.sortkendo.web.js:6965
Query.processkendo.web.js:7194
Observable.extend.querykendo.web.js:8456
Observable.extend._querykendo.web.js:8501
Observable.extend.sortkendo.web.js:8581
Widget.extend._click

This error doesn't happen on all the columns. Its only on some columns. 

Hi,

On the Radar Area Chart demo that exists on the KendoUI Website you can see that the highlighted areas are covering the Grid, so the grid lines are not really visible. As more areas are stacked on top of each other the grid lines dissapear. The grid is probably rendered underneath the highlighted areas. Is there a way to get the grid to render on top of the highlighted areas so that the grid lines are still / always visible?

Thanks in advance for any help on this one.

Marcel