Hello,

I am working on a grid component and I would like to enter edit mode (edit button is outside of the grid) then turn every row in the grid to edit table.

There is only one column is allowed for editable and it's a date field. So, I now create  an edit template.

When I add an onclick to the button outside the grid, I am using this.grid.editRow(index, formgroup) in order to make the row editable.

However the editRow makes/fires an DataStateChangeEvent and it makes the scroll bar moves.

The story behind is that I have a tons of records with no actual page and I am using data state change to just skip rows.

Is there anyway to make the multiple editable rows better?

Can you also suggest the life cycle of the grid / state changes, please?

based on given example, is it possible to have an event which will fire when saveAs() done?

https://www.telerik.com/kendo-angular-ui/components/pdfexport/multi-page-content/#toc-page-templates

In my project there was a some data fetch from API, and it was take some time. So UI is design to show "Preparing data to be exported" Loading popup.  need to catch the moment when saveAs() completed to hide the loading.

Note that beside the request/response html file preparation and exportation also takes some time. So the opup must be closed right when saveAs() done

Hi, I am using export to PDF on kendo scatter chart. I am getting error  @progress/kendo-drawing/main"' has no exported member 'DrawOptions'.

Component file:

import { pdf, exportPDF } from '@progress/kendo-drawing';
import { saveAs } from '@progress/kendo-file-saver';

    onClick(pdf) {
        // enable/show the loader
        pdf.export().then(group => {
         const options = <pdf.PDFOptions>{ paperSize: 'A5', landscape: true };
         exportPDF(group, options).then(data => {
            console.log('PDF ready!');
            // disable/hide the loader
            saveAs(data, 'scene.pdf');
         });
        });
     }

HTML File

<kendo-pdf-export #pdf>

<kendo-chart [pannable]="true" [zoomable]="true">
<kendo-chart-series>
<kendo-chart-series-item type="scatter" [data]="graphData" xField="inc_margin_amt" yField="inc_sales_amt">
</kendo-chart-series-item>
</kendo-chart-series>
<kendo-chart-x-axis>
<kendo-chart-x-axis-item [labels]="valueAxisLabels" [axisCrossingValue]="marginthreshold">
</kendo-chart-x-axis-item>
</kendo-chart-x-axis>
<kendo-chart-y-axis>
<kendo-chart-y-axis-item [labels]="valueAxisLabels" [axisCrossingValue]="salesthreshold">
</kendo-chart-y-axis-item>
</kendo-chart-y-axis>
<!-- <kendo-chart-series-item-tooltip format="Margin {0:c0} - Sales {1:c0}">
</kendo-chart-series-item-tooltip> -->
<kendo-chart-tooltip>
<ng-template kendoChartSeriesTooltipTemplate let-dataItem="dataItem">
<div> {{'Promo Week' | translate:lang}} : {{ dataItem.promoweek_num }} </div>
<div *ngIf="showPromoName">{{'Promo Name' | translate:lang}} : {{ dataItem.internal_promo_desc }}</div>
<div *ngIf="showCIGDesc">{{'CIG Description' | translate:lang}} : {{ dataItem.cig_desc }} </div>
<div> {{'Promotion Detail' | translate:lang}} : {{ dataItem.promotion_Detail }}</div>
<div>
<span class="pull-left">{{'INCR_MARGIN' | translate:lang}} : {{ dataItem.inc_margin_amt | currencyNumber:0:false }}</span>
<span class="pull-right">{{'INCR_SALES' | translate:lang}}: {{ dataItem.inc_sales_amt | currencyNumber:0:false}}</span>
<div class="clearfix"></div>
</div>
</ng-template>
</kendo-chart-tooltip>
</kendo-chart>

</kendo-pdf-export>

I have a question. How to add content through TemplateRef to Sortable/Kendo. For example, I want to render several Windows. I can do that? Or is it for text only?

<kendo-sortable [kendoSortableBinding]="[contentTemplates]" class="row">

<ng-template let-item="item">
    {{item.templateRef}}
</ng-template>

</kendo-sortable>

contentTemplates - It is QueryList Templates

Not sure what that error means. Here is my tree definition:

<kendo-treeview
        textField="text"
        [nodes]="data"
        kendoTreeViewExpandable
        kendoTreeViewSelectable
        kendoTreeViewHierarchyBinding
        childrenField="items"
    >
</kendo-treeview>

And here is one from the Doc:

Trying very hard to see a difference.

Thanks

Problem: I would like to use a kendo-combobox with the grid, so that it can interact with it. Please see image for my ideal approach.

Question: Is there a way to properly place the kendo-combobox component from within the right corner of the kendo-grid-group-panel of the kendo grid?

I am implementing a Treeview into the app. But first I need to create a wrapper. Is there a recommended way of creating Kendo components wrappers?

Thanks

How to solve this. Is anybody know? Error I see is below.
Console error;

ng:///PersonLeaveModule/PersonLeaveCalendarNewComponent.ngfactory.js:7 ERROR TypeError: this.intlService.weekendRange is not a function at SchedulerComponent.get [as workWeek] (webpack-internal:///../../../../@progress/kendo-angular-scheduler/dist/fesm5/index.js:2710) at SchedulerComponent.notifyOptionsChange (webpack-internal:///../../../../@progress/kendo-angular-scheduler/dist/fesm5/index.js:2669) at SchedulerComponent.ngAfterContentInit (webpack-internal:///../../../../@progress/kendo-angular-scheduler/dist/fesm5/index.js:2417) at callProviderLifecycles (webpack-internal:///../../../core/esm5/core.js:12915) at callElementProvidersLifecycles (webpack-internal:///../../../core/esm5/core.js:12889) at callLifecycleHooksChildrenFirst (webpack-internal:///../../../core/esm5/core.js:12872) at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14022) at callViewAction (webpack-internal:///../../../core/esm5/core.js:14369) at execComponentViewsAction (webpack-internal:///../../../core/esm5/core.js:14301) at checkAndUpdateView (webpack-internal:///../../../core/esm5/core.js:14024