For filtering we are using the kendo data query "process" library.  The issue is that when you combine this with paging, there are issues with determining the total number of items since "process" returns an array only of your page size. 

So I essentially have to run "process" twice:

1.  So I can get the filtered and paged data

2.  Again with just the filter parameters so I can get how many total items are in the set after filters have been applied

For example:

loadItems() {
    const myData: any = []; //Some data in here
    let gs: State = {
      skip: 0,
      take: 10,
      filter: {
        //Some filter data
      } as CompositeFilterDescriptor
    };
    //THis will filter my data, then return the paged slice of it
    let gd: GridDataResult = process(myData, gs);
    //This will run just the filter so I can get the total items
    gd.total = process(myData, {filter: gs.filter} as State).data.length;
  }

Is there a better way to get the total number of filtered items when I am also using paging instead of having to run "process" twice?  I have thought about extending the "process" so I can add an extra field on it with total entries but not sure how to get started. 

Any assistance would be appreciated.

Is there a way to restyle the grid filter row (e.g. move the filter icon below the searchbox)?

Hi,

I want to have a list with options to select just one option in it.
So I have choosen for the "drop down list"-control

1) I want that the width of the drop down list control is as long as the longest item in the list.

I already did some dirty tricks to change the width of the drop down list:

The auto trick is as long as the selected list item, but not as the longest possible item.
The width-100 trick takes 100%

2) How to make the drop down list responsive (automatic resizing for multiple devices)?

3) Is the DropDownList control the best option? What about ComboBox, what are differences?

I forked the basic drop down list example from the Kendo UI website to show the case:

https://stackblitz.com/edit/angular-x6jwgx

I have a simple grid and just want a button to clear all search filters. I can clear the actual filters, but the values in the textbox persist (screenshot below). How can I clear those textboxes?

Hi

I have following error message when i tried to uise scheduler

[code]

03:00 PM ERROR [./src/app/core/interceptors/GlobalErrorHandlerService.ts:25] TypeError: date.getTimezoneOffset is not a function
    at offset (offset.js:17)
    at convertTimezoneUTC (zoned-date.js:35)
    at Function.fromLocalDate (zoned-date.js:140)
    at index.js:4604
    at Array.map (<anonymous>)
    at SchedulerComponent.processEvents (index.js:4603)
    at SchedulerComponent.set events [as events] (index.js:4175)
    at DataBindingDirective.set data [as data] (index.js:6402)
    at setInputsForProperty (core.js:10940)
    at elementPropertyInternal (core.js:9984)

My object interface

export interface VueEvenement  extends SchedulerEvent {
  estReadOnly: boolean;
  dossierId?: number | null;
  dossierNom: string;
  infosPatientRdv: InfosPatientRdv;
  estListeAttente: boolean;
  estListeAttenteSpecifique: boolean;
  estUrgent: boolean;
  collegueId: number;
  activiteId: number;
  tacheId?: number | null;
  bureauId: number;
  etatId: number;
  duree: number;
  remarque?: string | null;
  confirmation?: boolean | null;
  professionnelOccupationId: number;
  raisonAnnule?: string | null;
 }

My Java backend as date like

    @Type(type = "org.jadira.usertype.dateandtime.joda.PersistentDateTime")
    @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm")
    private LocalDateTime end;

[/code]

Perhaps is an date format problem

Could you help me ?

Regards

Hi, I have this line chart, which is generating decimal counts. I want to have an integer scale (without decimals), because it is a count of completed or not. 

<kendo-chart>
    <kendo-chart-tooltip format="Completed tasks: {0}"></kendo-chart-tooltip>
    <kendo-chart-category-axis>
    <kendo-chart-category-axis-item [labels]="{ format: 'd', rotation: 'auto' }">
    </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
    <kendo-chart-value-axis>
      <kendo-chart-value-axis-item [min]="0">
      </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
    <kendo-chart-series>
      <kendo-chart-series-item 
        type="line" 
        *ngFor="let item of workflowsLinechartData" 
        [data]="item.items" 
        [name]="item.value"
        aggregate="count"
        field="taskName"
        categoryField="endTime">
      </kendo-chart-series-item>
    </kendo-chart-series>
  </kendo-chart>

Already tried this:

<kendo-chart-value-axis>
      <kendo-chart-value-axis-item [labels]="{format: 'n0'}" [min]="0">
      </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>

but the output is repeating the integers:

How I can manage this?

Thanks

Hello,

I have integrated kendo grid with inline edit with columns config approach. I am dynamically rendering columns in initGrid function.

So here I want you to show me a way to center and right align my grid's column data. Some should be right and some left.

How can I achieve this without css by any kendo class property.

I am using this column config approach for inline edit.

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/persist-state/

Thank you.

Kendo Grid Filter : kendoGridFilterMenuTemplate should allow to set min length for filter. For example , I need to do filter only when if user enters min 3 chrachters.

How can we achieve this?

Hello

I have a Master/Detail grid and when hovering above the + (Expand) or - (Collapse) the info "Expand Details" / "Collapse Details" appears

But I can't find corresponding properties to translate those in the kendo-angular-messages project - in the grid section

Commonly I translate "noRecords" which works fine and can be found in the project

How can I translate those messages?

best regards

We have a situation where our client will be both using the filtering feature of a combobox and adding/creating new values when the  input string does not match a data value. The caveat - these are strings of numeric value only. I'd like to do something to the following effect - process this string in Regex and reset the input value (scrubbing alpha and any other non-numeric values entered by the user),. The only trouble is neither the valueChange nor filterChange return a standard event object which would allow me to set it manually and the jQuery examples might be either dated or less compatible with the Angular components as I've tried a few things without success.

At this point filtering isn't an issue as I can at least post-process the string I receive from the filterChange event, I'd just like to know if it's possible to feed that same tailored string back or even mask the values on their way in.

Let me know if there is a way that this can be achieved.