kendo-ui

I am trying to use a kendo numeric text box with angular validation (ng-required) however I'm not able to get it working. The ng-required attribute on this element has no effect on the form validation status. From my understanding, the reason why this doesn't work is because kendo numeric text box uses k-ng-model to store it's value, whereas the angular validation works only with ng-model. Has anyone else seen this issue, are there any workarounds? I have found a workaround that involves using the kendo-numeric-text-box along with a hidden input field which makes use of ng-model. <input data

We've asp.net web api odata enabled service which supports variety of OData formats such as application/json;odata=fullmetadata This services is working great with WCF Data Service Client and JayData But our response seems not to be compatible with our kendo grid dataSource I've investigated the response and here is the difference: The demo of kendoUI site which is working fine has following response: "__count": "91" And the response content type is: text/javascript;charset=utf-8 You can see the sample of kendo UI demo at: http://demos.kendoui.com/web/grid/index.html And here is our response:

I am trying to export my Kendo grid to excel. It works fine except the formatting is missing. I think it is because I am using a template. The Telerik documentation explicitly states: To format the cell values during the export of the Grid to Excel, set the format option of the cells. I have tried this and it is not working: columns: [ { field: "EntryWage", headerTemplate: entryLevelWageColumnHeading + "<span name='EntryWage' class='k-icon k-i-close remove' style='float: right;'></span>", width: 125, attributes: { style: "text-align:right;" }, format: "{0:c}", template: "#= (EntryWage != null)

I have a grid where each row has a select drop down box in with values. When an item is selected, how can I make the grid reload to reflect the change? The reason I want to do this is because the item selected from the drop down effects an amount in another column. Here is the code for my dropdown: function shippingModelSelect(container, options) { $('<input required data-text-field="modelName" data-value-field="modelId" data-bind="value:' + options.field + '"/>') .appendTo(container) .kendoDropDownList({ autoBind: false, dataSource: [ { "modelName": "Individual shipping cost", "modelId": 1 },

I am new to kendo UI implementation and am looking for a way to create a listview with checkbox, the very first checkbox being All Option to select all items in listview if it is checked. I have created a template that allows me to add checkbox to the items, But i need to add a ALL checkbox on top of all the data. this is what i have worked in so far, Below (screenshot) is what i would like to achieve. Here is my template: <script type="text/x-kendo-tmpl" id="myTemplate"> <div class="item click" data="${ProductID}"> <input type="checkbox" class="click" /> <span class="checkbox">#:ProductName#<

I'm building a phonegap application and plan to use Telerik's Kendo UI framework to generate the UI. Telerik Kendo UI already has an MVVM implementation and I'd like to use that and not include Knockout JS. Is this something that is supported, or is Durandal JS deeply integrated with Knockout? Roger Gullhaug has written a blog post, detailing how Durandal can be used together with Kendo UI's data binding: Using Durandal and KendoUI together Also the official Durandal documentation contains a mention about Kendo: KendoUI 来源： https://stackoverflow.com/questions/15409941/kendoui-integration-into

My TabStrip is as follows: @(Html.Kendo().TabStrip() .Name("tabApplications") .Items(items => { items.Add().Text("Online").Selected(true); items.Add().Text("Trading"); }) .Animation(false) .Events(e=>e.Select("tabstrip_select")) ) In Javascript I get theSelected Item: function tabstrip_select(e) { var x = e.item; } Question : How do I get the Selected Index (ie "1") from this function. I looked over the Item object but didn't see anything obvious. You can get the currently selected index with calling index() on the $(e.item) function tabstrip_select(e) { var x = e.item; var selectedIndex = $(e