I have a chart, where i need to present data within a certain range.

I have used the max property, to set the top ceiling of the chart.

My issue is, that i want to visualize the points that exceeds the the max limit, as points on the very top of the chart, but with max they are just not rendered (or outside the chart).

I have been able to render them at the top of the chart, by mutating the data before feeding it to the chart, but my tooltips now obviously show the mutated value, instead of the original.

Because that tooltips only can accept simple data types, i am not able to provide them with a "display-value" and "real-value".

Im running out of ideas, do any of yo, with more experience with kendo, have an idea of how i can achieve this?

Here is some code, im happy to provide more detail if needed:

<kendo-chart class="septoriaChart" [transitions]="false" [categoryAxis]="categoryAxis" [valueAxis]="valueAxis" (render)="onRender($event)"
(legendItemClick)="$event.preventDefault()" (legendItemHover)="$event.preventDefault()">
<kendo-chart-tooltip *ngFor="let data of observed">
<ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" >
{{category | dateFormat}}
<br /> {{data.accumulatedWetHours}} {{'common.unitType.hours' | translate }}
</ng-template>
</kendo-chart-tooltip>
<kendo-chart-legend position="bottom" orientation="horizontal" [item]="{ visual: legendItemVisual }"></kendo-chart-legend>
<kendo-chart-series>
<kendo-chart-series-item type="line" color="#4E808D" name="{{'septoriaChart.observed' | translate}}" [markers]="seriesMarkers"
[data]="observedWithCeiling" field="accumulatedWetHours" categoryField="dateDay">
</kendo-chart-series-item>
<kendo-chart-series-item type="line" color="#4E808D" name="{{'septoriaChart.forecast' | translate}}" [markers]="seriesMarkers"
[data]="forecast" field="accumulatedWetHours" categoryField="dateDay" dashType="dash">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>

We've got a column within a table which displays multiple rows within a row.I'm trying to find out if you're "selectable" option on Grid will work with next rows at all.

Check the stackblitz out :https://stackblitz.com/edit/angular-ajpix8-pe9eyr

There's a few questions I have here;

1. Is there anyway of rendering the inputs automatically using your plugin rather than using the ngFor loop that I've put in to achieve this?
2. When the kendoGridSelectAllCheckbox is selected is there anything the API that can activately select all the inputs that have been rendered or will this have to be done with some custom work attached to some type of change listener?!
3. Is there a better way to handle nested rows than this way?!

Thanks, look forward to hearing from you.

Hi everyone,

I have a doubt related to kendo-grid need to help. I'm using Multi-Column Headers to group columns and now I want to add the button in header. How can we add it? (See attached)

Thank you so much, guys.

Hello,

i want to consume an OData V4 Web Service and show the data in a Kendo UI Grid.

Ist there any example how to do this?

The OData response format is a little bit different from standard json response.

Thanks in advance

Ralf

Hello,

I am using the kendo treelist to display a filesystem with folders and documents as the folder contents. The filesystem currently is rather flat, meaning that there is only the top-folder level and the document-level below it, i.e. no subfolders. I would like to implement a context menu for interacting with the treelist contents however the context menu needs to display different options when selecting a folder vs. when selecting a document which should trigger different events on the web page. Is it possible to use one context menu which displays these differing options in general for the two layers of my treelist. If I could display these different options then implementing the rest of the logic should be simple through the (select) handler.See the attached Stackblitz as a reference:

>>> https://stackblitz.com/edit/angular-rla8zp

Ideally the option 'Lock Folder' should only be displayed when selecting a folder and the option 'Edit Document' likewise only when a document is selected

I have a one of legacy applications with AngularJS + KendoUI.

I have a grid when I have defined filter like that:

"filterTemplates": {
            "commonInput": function (args) {
                args.element.css("width", "90%").addClass("k-textbox").keyup(function (e) {
                    e.preventDefault();
                    if (e.target.value.length >= 3) {
                        setTimeout(function () {
                            $(e.target).delay(1000).trigger("change");
                        }, 500);
                    }
                });
            },

//. other filters like datetime, etc...,never mind in this example

}

and two columns:

{
     "title": "Name",
     "field": "UserName",
     "width": "9%",
     "encoded": true,
     "filterable": {
                        "cell": {
                            "showOperators": false,
                            "operator": "contains",
                            "template": vm.gridPreInitConfig.filterTemplates.commonInput
                        }
       }

},

{
        "title": "Surname",
        "field": "UserSurname",
        "width": "9%",
        "encoded": true,
        "filterable": {
                     "cell": {
                          "showOperators": false,
                          "operator": "contains",
                          "template": vm.gridPreInitConfig.filterTemplates.commonInput
                      }
         }
}

And now:

If I set  a value in textbox filter in Name column the grid  processing and is filtered perfectly, after a while.

But if I set a value in textbox filter in Surname column the grid processing and not filtered.

Please, help. Why the second column with the same filter doesn't work?

I tried also duplicate the filter in other name, but still doesn't work.

Kindly find the attachment, am not able to load the reservations on scheduler since am getting this error.

My array has image key which is not null.

Kindly help with these two issues.

How to get Start and End datetime of the view.? 

For Example: In week view how to get Start(Sunday -- DateTime) and End Saturday--DateTime.

Thanks and Regards

Anto

Hello All,

<kendo-grid #grid [data]="data" [height]="height - 210" scrollable="virtual" [rowHeight]="36" [pageSize]="state.take"
    [skip]="state.skip" [sort]="state.sort" [sortable]="{ allowUnsort: true, mode: 'multiple' }" [resizable]="true"
    [reorderable]="true" (columnReorder)="onReorder($event)" (keydown)="onKeydown($event)"
    [columnMenu]="{filter: true, sort: false}" (columnResize)="onResize($event)" (pageChange)="pageChange($event)"
    (sortChange)="sortChange($event)" (columnVisibilityChange)="onVisibilityChange($event)" [filter]="filters"
    filterable="menu" (filterChange)="filterChange($event)">

<keno-grid>

My requirement is to show column menu icon on one column and filter menu icon on other column, but both columns are showing column menu icon and filter menu going inside column menu pop up. How can I show filter icon on column header when column menu is set to true.

Best Regards,

Azher Ahmed