We are currently using the Kendo NumericTextBox (version Kendo.2016.2.504.545) for a currency field, and we would like to restrict user entry of decimal places to 2 in the textbox. We tried a few of the NumericTextBox options, including using “RestrictDecimals” with no success.  The option RestrictDecimals ("Specifies whether the decimals length should be restricted during typing.") sounds like what we need to support this functionality, but does not look like is supported in the release we are using. We did find a forum post dated 2014 (http://www.telerik.com/forums/restrict-user-from-entering-unlimited-number-of-decimals) stating that the decimal places cannot be restricted while typing in the textbox, and overall user input can only be restricted with the min/max options

1. Is the RestrictDecimals option supported in the 2016.2.504.545 version.

2. If yes do you have sample or demo of using this option.

.  

steven

Hello, I'm working with kendo Autocomplete. http://demos.telerik.com/kendo-ui/autocomplete/grouping.

I need to use grouping where one groups has higher priority in the list than the others. Currently, groups are placed in alphabetical order. Is there any way I can change order?

Thank you.

I am getting a exception in browser console when I try to load a kendogrid using

angular2 component. Empty grid is loaded in the browser and in the browser console, I get the exception like below ypeError: a.delayedClick is not a function at new init (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:35:32027) at new init (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:36:11080) at new init (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:36:27154) at init._attachGroupable (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:49:18710) at init._groupable (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:49:18349) at new init (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:48:16751) at HTMLDivElement.<anonymous> (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:26:4054) at Function.each (http://kendo.cdn.telerik.com/2016.2.504/js/jquery.min.js:2:2881) at n.each (http://kendo.cdn.telerik.com/2016.2.504/js/jquery.min.js:2:846) at n.e.fn.(anonymous function) [as kendoGrid] (http://kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js:26:4031)

Following are the code/typescript which I am using to load the grid

import {Component } from 'angular2/core'; import { Grid } from './grid'; import { CacheDataService } from '../Service/CacheDataService'; declare var kendo: any; @Component({ selector: 'kendo-grid', templateUrl: './KendoGrid.html', directives: [Grid] }) export class ExtractorGrid { info = "Willkommen"; options: any; constructor() { console.log("Inside constructor of ExtractorGrid"); this.setUpGridOptions(); console.log("after setUpGridOptions in ExtractorGrid constructor"); } private setUpGridOptions() { console.log("Inside setUpGridOptions of ExtractorGrid"); var dataSource = new kendo.data.DataSource({ //type: "odata-v4", transport: { read: "http://localhost:23647/api/extractorqueue/" }, error: function (e) { // handle data operation error alert("Status: " + e.status + "; Error message: " + e.errorThrown); }, pageSize: 5, serverPaging: true, serverFiltering: true, serverSorting: true, batch: false, schema: { model: { name: "queueId", fields: { queueId: { editable: false, nullable: true }, applicationName: {}, customerId: {}, createdBy: {} } } } }); console.log("After Datasource extraction in setUpGridOptions"); console.log("Datasource : " + dataSource); this.options = { dataSource: dataSource, columns: [ { field: "queueId", title: "queueId", width: "40px" }, { field: "applicationName", title: "applicationName", width: "200px" }, { field: "customerId", title: "customerId", width: "120px" }, { field: "createdBy", title: "createdBy", width: "120px" }, ], pageable: true, groupable: true, sortable: true, selectable: true } } }

In Grid.ts

import { Component, Input, Host, ElementRef, AfterViewInit } from 'angular2/core'; declare var $: any; @Component({ selector: 'k-grid', template: '<div></div>' }) export class Grid implements AfterViewInit { constructor( @Host() private elm: ElementRef) { console.log("in constructor of Grid"); } @Input() options: any; ngAfterViewInit() { console.log("in ngAfterViewInit of Grid"); $(this.elm.nativeElement).children().first().kendoGrid(this.options); console.log("after assigning to to kendo"); } }

It is crashing when executing the following line
$(this.elm.nativeElement).children().first().kendoGrid(this.options);

any ideas why this exceptions is happening?

How can I add custom class to row based on dataItem?

I think I could use rowTemplate, but that would ignore columns.template which is not OK. I also don't want to change rowTemplate just add some custom classes.

I am testing signalR with grid with server side paging/filtering/sorting and work very well. I’d like to know how prevent adding new rows to other clients when a row is modified. Example:
User 1 is on first page while User2 is on the last page. When User 1 modify a row User 2 can see the modified row at end of the grid. I have already tried this:
    function notification(e) {
        var notification = $("#notification").data("kendoNotification");
        notification.success(e.type);

        if (e.type == "create") {
            e.items.pop();
            e.preventDefault();
        }
    }

The creation operation was not permitted by grid but the type is always “create” when record was not found on client datasource. There is something for prevent append of new records?

I have this ASP.NET MVC application using kendo ui in the frontend. 

I've made a grid that you can edit inline and sort by using drag and drop. 

Observe the follwing fiddle: https://jsfiddle.net/c817crh6/2/

I have two problems with this grid

1) When editing a textfield and clicking save, the row is not saved.  Only the read method is called on the server.

When I edit a textfield and click ( or tab ) out of the textfield, then it works fine ( First the update, then the read method is called ).

-> I think kendo does not detect an update on the model but can't figure out how to forse to update the model. 

2) When changing the order by draging in the list, the save button is calling the delete method on the server.  

My backend controller looks like this

public ActionResult Management_Edit([DataSourceRequest] DataSourceRequest request, ManagementViewModel management){ // Code to edit }

thanks in advance

Hello!

we've currently searching for a reason why there are getting more and more event handler on an observable object we are using in different view models. 

http://jsbin.com/xujeteqivu/1/edit?html,js,output

In our opinion the change and get events should be unbound from the obs Observable after the unbind of the view model. With more view models which use the obs Observable the amount of events is getting bigger and bigger an the view model never gets collected from the garbage collector.

Thanks in advance!

Michael