Support TYPE in DataResult (speciallly GridDataResult)


In state you would like to do something like:


export interface SomethingState {
  loading: boolean;
  success: boolean;
  data: GridDataResult<XYZ>
}


it would be State with data: XYZ[].

Export to pdf...long strings..arrays to multiple page headers ..top can't be static..

Current Silverlight Solution has the ability to filter based upon the operators of "Is Contained In" and "Is Not Contained In". When will this be available for the Angular version. This is delaying a move from Silverlight to HTML5 and Angular 4, as our client is dependent upon the existing feature.

Drag and Drop of grid's columns the same way we have on the jquery version (with a Input on the component saying if we want columns to be draggable)

Need to have Parent --> Child hierarchical records to be displayed in Grid..
It should support up to 'n' level , it means a parent can have any number of child records. can this be done using current Master Detail grids?.

 Parent 1
   --- Child 1
        -- Grand Child 1
            -- Grand Child 1
        -- Grand Child 2


Thanks in advance.

Kendo uses the field name with a colon followed by the group's value, for example with field 'type' I get 'type: Document', 'type: Event', etc. 

I would like the ability to remove the 'type: ' part, or rename it, perhaps via a GroupDescriptor property, i.e. 'fieldDisplayText'.

disable grouping on a column

The filter descriptors support accessor functions in the "field" option. It would be great to see this implemented in the sort, group, and aggregate options.

const result = process(items, {
    filter: {
        logic: "and",
        filters: [{ field: x => x.getValue(), operator: "eq", value: 0 }], // <- supported
    },
    group: [
        field: x => x.getValue(), // <- not supported
        aggregates: [{ aggregate: "sum", field: x => x.getValue() }] // <- not supported
    ],
    sort: [{ field: x => x.getValue(), dir: "desc" }] // <- not supported
});

i am using Telerik Angular Editing Grid for list editing of data.one of our main requirements is to copy a cell value and multiselect cells to paste data. this requires Angular grid to provide out of the box multi cell selection mode so that upon action respective cell values get updated

Currently, the fieldname is used as "clue" when dragging a column header from the grid. However, this name is rarely appropriate (for instance, it could the name of the correpsonding property in the DTO between back-end/front-end, or it could be a normalized English name while the user is browsing in French, etc.). We would prefer to have either a configurable text, or else use the text currently specified as "title" for the column.

How can we show the loader image on calling any web api or service call.
As of now grid by default shows no record available.

When editing a row focus on the clicked column/cell directly instead of always focus on the first column. When the grid has many columns this gives unwanted user experience because of the automatic horizontal scrolling. With the new cellClick event the clicked column index is already available.

Please think about an implementation of toolbar template for grid, similar to the jQuery version.
Can we expect something like this in the near future?

The edit row need to be stayed in the top position while scrolling down the grid. Or else, the use would need to scroll up and down each time when adding a new record.

At current, if one wants to, (for example), highlight the entirety of a row, the natural choice would be to associate a background color with that row.  However, currently, this is not possible.  The closest we can come is to conditionally associate a given color with a div that happens to live in that cell, e.g.: 

<kendo-grid [data]="gridData" [height]="410">
            <kendo-grid-column field="ProductID" title="ID" width="40">
            </kendo-grid-column>
            <kendo-grid-column field="ProductName" title="Name" width="250">
            </kendo-grid-column>
            <kendo-grid-column field="Category.CategoryName" title="Category">
            </kendo-grid-column>
            <kendo-grid-column field="UnitPrice" title="Price" width="80">
              <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
               <div [class.myClass2]="dataItem.UnitPrice >= 20">{{dataItem.UnitPrice}}</div>
              </ng-template>
            </kendo-grid-column>
            <kendo-grid-column field="UnitsInStock" title="In stock" width="80">
            </kendo-grid-column>
            <kendo-grid-column field="Discontinued" title="Discontinued" width="120">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
                </ng-template>
            </kendo-grid-column>
        </kendo-grid>

(where the class.myClass2 is defined as follows):

styles: [`
    .k-grid td {
      position: relative;
    }
      .myClass2 {
        background-color: rgba(255, 0, 0, 0.5);
        color: white;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
      }
    `]

But this doesn't reliably highlight a predictable amount of the cell, especially across browsers.

Thanks for your consideration,
  Jeff

We need to be able to overrride "compare" method in kendo-data-query sort-array.operator.  We are using your processData for client side sorting but need to change the "compare" method since we have decimal values already formatted in our objects.  Since they are formatted they are technically strings and sorted as such.  Currently we had to rip out your processData and call our custom version with a compare method like so:

const compare = (a, b) => {
    if (isBlank(a)) {
        return a === b ? 0 : -1;
    }

    if (isBlank(b)) {
        return 1;
    }

    let a1 = a;
    if (isNumber(a)) {
        a1 = toNumber(a);
    } else if (isDate(a)) {
        a1 = ensureDate(a);
    }

    let b1 = b;
    if (isNumber(b)) {
        b1 = toNumber(b);
    } else if (isDate(b)) {
        b1 = ensureDate(b);
    }

    if (a1.localeCompare) {
        return a1.localeCompare(b1);
    }

    return a1 > b1 ? 1 : (a1 < b1 ? -1 : 0);
};

hello 
i`m always using kendo grid in my project
but i can`t import excel to kendo grid 
please make it possible to import excel file and select specific sheet to kendo grid

When having multiselect in kendo grid and clicking on a row you now deselect all the other choices unless you hold shift or control. It would be nice to have a parameter to either have "advanced" or "simple" select, so you have the option to click a row to select/deselect it only affects the clicked row and not the whole table.

When mouse hover over a specific row, a tooltip to show more information should be shown

The group panel on the grid should be configurable to be hidden