I'm struggling to find documentation I need or even sample code for "Enterprise" class development using declarative data binding.  The demo's are good at getting you started quickly but none of them use declarative data- attributes, which seems an odd ommission given that the Pluralsight training course "Introducing Kendo UI" recommends this approach over the others shown in the demo's.

eg I can't find a list of all the available data-roles.   I found "menu" eventually (after wondering why "kendoMenu" or "Kendo.UI.KendoMenu" didn't work but without documentation  or a robust application this is pretty much guesswork for each widget unless I've missed something in the available documentation.

It's also come as a bit of a shock to discover the response to this user struggling to get declarative data binding working with the menu control http://www.kendoui.com/forums/framework/mvvm/source-binding-to-the-menu-widget-or-other-widgets.aspx Has the position changed since this was posted in April last year or is it still the case that none of the hierarchical widgets can't be data bound declaratively and the recommended way of dealing with this is as outlined in the answer (which seems a hell of a hack).

Thanks in advance for any response.

We want to develop an application which we can deploy to several mobile devices(primarily targeting tablets).   We have built some sites with KendoUI and are familiar with the KendoUI mobile api's..but have questions about deployment?  This is not a public application..it is available only to internal users with tablets which will be handed out to them.  Do we really have to publish via some app store in order to get our in house developed application to our in house business users devices?  

How precisely are Kendo UI mobile applications (i.e. those meant to run as native looking "hybrid" applications) best deployed to say iPad and Android tablet targets?

Hi,
 I found the inline editor often raise error when we copy and past.

Just open: (NOTICE: ie8)
http://demos.kendoui.com/web/editor/inline-editing.html


and do this:
1. In the top editor, type in any word, like we say "1", at any place.
2. Select the "1" we just type in,  and use the color picker to give it a color, like we say "red".
3.Now, don't click any place(keep the "1" is still selected), just use "CTRL+C"
4.Don't click any place(just keep the "1" is still selected), now use "CTRL+V"

Now you will see the script error!

In fact, I found it's very hard to really write a complete article in the editor, because it will raise error very soon.
The tragedy is, sometimes it will empty the editor when it raise error!
Could you remove the logic of empty the editor?

That's a really tragedy, because the user type so hard to input so many words in the editor. But you empty it all in an instant.
Yes, I have done the auto-save (bind to the keyup event), when the use enter keyCode =13, I will save the content in the editor to server.
But, when you suddenly empty the editor, the user don't know the content is still on server, he will just put enter key again! So the auto-save event is raised, and the empty is saved to the server, now, the content is missing really.

So, if you just empty the editor, the auto-save action can't really save the situation.

Please check the code, find the place to EMPTY the editor, and remove it, or give us a try catch system, to let us decide if to empty the editor.

yours,
Ivan

Hello,

I'm trying to use a template for a kendoListView. In the template, I have an element that uses data-bind for a click event handler.

Everything works fine until I update the dataSource of the listView. Once the dataSource is updated, none of the click handlers work anymore.

JSFiddle:
http://jsfiddle.net/jseets/Qh2ma/11/

Any ideas?

Hi,

Since the treeview doesn't support the filter on all levels, i had to implement the filter manually on all tree levels. The implementation is to loop over the node and set the filter on the children datasource: nodes[i].children.filter({ field: "label", operator: "startswith", value: text }) and to clear the filter nodes[i].children.filter({}).

The total nodes/leafs in the tree is arround 300, with arround 8 levels deep, the maximum child count is 80. The problem is that setting the filter also clearing the filter is slow regarding the size of the data, range between 6-9 seconds.

any help regarding this behavior.
Regards.

I have this HTML:

<div id="bills" data-role="view" data-model="Bills" data-init="Bills.init" data-layout="default">
<h1 data-bind="text:name">Text</h1>
</div>

and the ViewModel for this is:

var Bills = kendo.observable({
  name: "John Doe",
  init: function() {
  this.doSomething();
},

doSomething: function() {
  alert(this.name);
}
});

Both codeparts with "this" are not working. "this.doSomething" produces the error:Object [object Object] has no method 'doSomething'
Why is it not possible to use "this" in such a ViewModel?

Hi,

When I am using the KendoUI grid with grouping and collapse all groups the column width is not maintained in IE. See the screenshot I did on the KendoUI demo's. When I do the same in either Chrome or FireFox the column widths are preserved as I would expect.

Is there a way that I can configure the grid so that IE also has the same behavior as Chrome and FireFox here?

BTW It seems that the Telerik RadControls do have the desired behavior across browsers.

Hi,

Pulling my hair out. Examples are great when they work for you!!! The example works but I can't convert to
using odata.

What I am trying to do is bind a scheduler to odata exactly as you do in the general usage sample with http://demos.kendoui.com/...  example.

My odata service, modelled on your crud examples for grid delivers

{
"odata.metadata":"http://grid.footstepscloud.com/odata/$metadata#Sessions","value":[
{
"id":-17137,"description":"St Luke's School","title":"-503982","start":"2015-10-22T14:15:00","end":"2015-10-22T15:15:00"
},{
"id":-17136,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-20T12:30:00","end":"2014-06-20T14:30:00"
},{
"id":-17135,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-13T12:30:00","end":"2014-06-13T14:30:00"
},{
"id":-17134,"description":"Middleton Grange Public School","title":"-504308","start":"2014-06-06T12:30:00","end":"2014-06-06T14:30:00"
},{
"id":-17133,"description":"Middleton Grange Public School","title":"-504308","start":"2014-05-30T12:30:00","end":"2014-05-30T14:30:00"
}
]
}

Can you provide a sample that would bind this to the kendo scheduler per the usage general example. Perhaps I can go from there.

Can event handlers be removed from kendo.observables()? If so, how?

I'm able to display real time push messages from [RabbitMQ SockJS Server] on a browser using JQuery append whenever a new message arrives.  However, I'm not able to figure out how to display the messages on Kendo UI mobile ListView (Kendo version 2013.3.1119) in descending order - newer messages at the top.  This should be done without the user intervening to refresh the ListView.

I've created a test and posted on JSBin - [link]

Notes on JSBin example:

1). Stomp.js ([STOMP over websocket] and sockjs.js ([SockJS Javascript client]) is used to create the websocket client that captures messages from RabbitMQ SockJS Server.

For the JSBin example, I've appended my Javascript code that works with STOMP (listener-app.js - see - [http://pastebin.com/6qLxH8R6]) into the SockJS Javascript client (sockjs.js) as I'm not able to get the JSBin to work with listener-app.js in a separate file.  The combined script is now stomp-listener-app.js.  A note that I didn't have this problem when testing locally.

2). There are 2 nav buttons, "Real-time ListView" and "Debug Log".  Debug Log captures stomp.js debug messages which will be displayed on "Debug Log" view using JQuery append.  Real-time ListView view is suppose to display the STOMP messages in a listview - for which I'm unable to do so.

3). Although the JSBin example doesn't link to a live SockJS server, the STOMP library will still generate some error messages which can be captured by Kendo UI.

I'm a beginner in JS and Kendo UI.  Please let me know if I had missed out anything.  Any pointer will be very much appreciated.  Thank you.