I have a question concerning the [kendoGridBinding] attribute and the [filterable]="menu" attribute. 

Can you bind a Kendo Grid using the [kendoGridBinding] attribute to an service Api call that returns an observable? 

I have my grid currently working with the [data] attribute using an observable but every time that I switch it to the [kendoGridBinding] attribute to be able to use advanced features my console throws errors and the grid data never loads. 

Here is the current list of attributes for my grid definition that seem to not work. Note I am attempting to do paging, sorting and filtering server side using a WebApi call.

<kendo-grid [kendoGridBinding]="schedulesToDisplay"
                [filterable]="menu"
                [style.height]="'100%'"
                [resizable]="true"
                [sortable]="{
                  allowUnsort: false,
                  mode: 'single'
                }"
                [filter]="state.filter"
                [pageable]="true"
                [pageSize]="10"
                [skip]="state.skip"
                [sort]="state.sort"
                [rowClass]="rowCallback"
                (dataStateChange)="dataStateChange($event)">

Is possible change title text and action buttons of edit dialog in Custom Edit Form example ? Or EditDialogTemplateDirective customize only body of edit dialog?

And if I want change "header" or "footer" of edit dialog I must use External Form - for example: https://stackblitz.com/edit/angular-z4vcb8

     Hi everyone,

I've got a few issues with our Sortable performing badly.  I don't know necessarily what's causing it, but it's happened over the last few months of development time.  I'm hoping that I could get some insight as to possible sources of performance problems with the Kendo Sortable app.  The application is too big to post Plunker code, but a general breakdown:

- Nested Sortables.  Sortables for lanes, each lane has a sortable with cards in it.

- The lane definitions are pulled from a REST service and pulled locally.  Stored as an array of objects (ie. [{pk:100, name: Lane1, otherfield: value...}]

- The cards are pulled from a REST service and stored locally.    Stored as an object with an array of objects (ie.{100, cards:[{pk: 1, name: Card1}], 200: {...}}.

- Each card has a number of links with (click) events.  The card body has a (click) event which draws a new "board".

- [ngClass] directives are used to switch CSS classes on certain elements.

- Angular Materials tooltips are defined for certain elements.

- Some cards have an embedded app that shows images, but not all of them.

- There's some embedded SVGs for things like icons.

The cards throw a dataAdd when traversing "lanes", which sets a class variable to the dataItem.  There is an dragStart event, which sets a boolean.  There's a dragOver event that queries for the current card being dragged (document.querySelector('div[aria-grabed="true"]') and sets its CSS class, and on dragEnd it does the same call and removes that class.

The drag animation skips and lags even when there's only a small number of items (half a dozen or so) and I'm not performing REST calls while dragging or on dataAdd, only on dragEnd.

We're running @progress/kendo-angular-sortable": "^2.0.1" and @progress/kendo-angular-common": "^1.1.0".  I don't know if there's massive performance improvements in later versions, but maybe I could get some insight?

Thank you all very much.

I am not sure what it is called so I will instead attempt to describe the behavior I am seeking in order to ask my question. 

It seems that the default filter implementation fires the dataStateChange event every time you type in the filter field. So example, if I have a city column in a grid with a default string filter and I begin to type the letter "A" for the city of Atlanta the dataStateChange event is immediately fired and then fires for each keystroke afterwards. This is an issue since we are attempting to figure out how to perform our filtering server side by passing the filters in a query string to a web api operation. I want to be able to allow the user to input say the entire text for the city of Atlanta before firing a dataStateChange event. If this is not an option I would like to be able to some how hold the response until the user clicks a filter button.  

I remember in the previous version of KendoUI for jQuery that we had filters that were inline of the column and had a filter button and a clear button. So you could type the full city for instance and then click filter. Are these still available and if so can you point me to any example code. 

I have attached an image to show what I am talking about.

We have a Scheduler component and the Month View displays 6 weeks/rows - showing the current month as well as the next 1.5 - 2 weeks of the following month.

I would like have it only display the 4 weeks of the current month, rather than spilling into the next. Is this supported by the scheduler, or is there a way to implement that?

In my research I found the same question for the jQuery UI scheduler in which the answer pointed to a custom implementation/extension of the month view, but was unable to find any similar solution/direction for the Angular component.

Hello,

I was reading about "typing" in message where if it is true a "typing animation" will be displayed in the chat.

But how could I to know in angular 7 when the user is typing words in the textbox chat for send a notification to other user? I was thinking in do some onchange subscription by DOM selector in angular 7 but I cant find the way...

Please could you help me?

Thanks in advance.

I have a series of vertical bar graphs. The individual bars must be selectable. For this I used plot bands. That works well so far. Now the plot band should get a thin border. Is there a way to add a CSS class to the plot band, or to set the border in another way? I tried rendering, but with Panning and Zooming the bars move and the border stays.

I have a grid:

<kendo-grid #grid="kendoGrid" [data]="userView | async" [pageSize]="20" [sort]="state.sort" [filter]="state.filter" [pageable]="true" [sortable]="{ allowUnsort: true, mode: 'multiple' }" [filterable]="true" [resizable]="true" (dataStateChange)="dataStateChange($event)"> </kendo-grid>

userView function returns 21 records,the first page shows 20 records its all good but the issue is when I go to the second page of the grid, it shows one record but the page number below shows 1 and I can't go back the page 1 in the grid which I had the 20 records, here are my functions:

public state: State = { skip: 0, take: 500 } public userView: Observable<GridDataResult>; constructor( private userListService: UserListService){ this.userView = userListService; userListService.query(this.state, this.querySharedUsers); } public dataStateChange(state: DataStateChangeEvent): void { this.state = state; this.userListService.query(state, this.querySharedUsers); }

I tried to change the state.take to 20 but the function returned 20 records which it should return 21 and the grid had only one page, is anyone familiar with this kind of configuring kendo ui paging?

Hi,

In the horizontal scroll chart, when I scroll to right, the vertical Y-Axis also gets scrolled off to left. I want that Y-Axis to remain static during the horizontal scroll. Can you please guide me how I can do that?

Hello,

Please provide working demo for context menu.

There are demo is given in following link but its not working.

I tried to open in stackblitz but in stackblitz even its not working . 

Please provide stackblitz working demo for two following link

Contex menu with grid.

Data Binding

Thanks