Telerik Forums
Kendo UI for Angular Forum
1 answer
160 views

Hi,

I would like to try to allow my users to change order of the items displayed in drawer component with hierarchy.

In my drawer, parents are "containers" and i would like to allow user to move items from one to another parent.

For example from global items to personal or favorite items.

Is it possible to do something without much of changes?

Thank you very much.

Vedad

Martin Bechev
Telerik team
 answered on 20 Oct 2021
1 answer
665 views

Hello guys!

Is it possible to aggregate (sum) some columns inside an extra last row (footer) with a grid that gets data from an async source?

Here is a sample of my code :


<kendo-grid [data]="gridData$ | async" (cellClick)="onCellClick($event)" [rowClass]="rowCallback">
                <kendo-grid-column


public gridData$ = this.service.cdiVariable$.pipe(
    tap(console.log),
    switchMap(cdiVariable =>
      this.dataSource.getContracts(cdiVariable).pipe(
        catchError(error => {
          if (error.error instanceof ErrorEvent) {
            this.errorMsg = `Error: ${error.error.message}`;
          } else {
            this.errorMsg = `Error: ${error.message}`;
          }
          return of([]);
        })
      )
    ),
    tap(console.log)
  );

Dimiter Topalov
Telerik team
 answered on 20 Oct 2021
1 answer
121 views

I understand how to apply custom placeholder values for individual components via the parameter on the component selector, but is there a way to apply a global placeholder value so that I don't need to remember to put it on every single individual DateInput component usage? I tried looking for a way to use the dependency injector to do this but it looks like injection tokens aren't used for this value (nor any of the other customizable parameters) and since it only uses the basic type of "string", I can't inject based on type either.

I thought also about using factory injection to try and override the constructor, but then I have to copy the constructor signature, which could then break in the future if you make updates to it. Not a huge deal since ideally this would only be defined in one place and thus I'd only have to make one change, but still a downside I'd rather not deal with.

Is there a predefined or best practice way to do this?

Dimiter Topalov
Telerik team
 answered on 19 Oct 2021
1 answer
209 views

In my grid, I get this error when I set the navigable property true:

I guess that is happening because they are still no rows in the grid (they load with the API response) and it accesses the unregisterRow method for some reason. 

The needsViewPort() is the only one condition, but it does not check if this.viewPort is undefined.

 

There is a way to condition the navigable property to wait the API response and then set it true?

Thanks.


Martin Bechev
Telerik team
 answered on 19 Oct 2021
1 answer
60 views

Hello,

 

I'm my angular app I'm trying to achieve drag and drop from treeview to grid.

I have on the sidebar a list of items in a treeview and what to drag them to the grid. Even if this feature is not provided out-of-the-box, I could implement it if I had on the drop event, the id of the dragged item and the position where it is dropped.

 

Is this possible?

 

Thanks in advance

Yanmario
Telerik team
 answered on 19 Oct 2021
1 answer
81 views

Hello guys.

I have a Kendo Grid and I want to set the minimum width of some columns to the size of their content.

Any ideas on how to do that?

Thank you.

Stoyan
Telerik team
 answered on 15 Oct 2021
1 answer
317 views

Hello,

how to turn off selection only inside cell which is editable and in edit mode? When you select some data inside editable cell you can see this selection (color red - added screenshot).

I still want to  be able to select cells outisde editable cell, but I want to turn this off while my mouse cursor is inside cell which is in edit mode.

I would like to have normal selection while cell is in edit mode and while I'm starting selection from inside cell.

 

Stackblitz with issue: https://stackblitz.com/edit/angular-wsp7zm-27tmxu?file=app/app.component.ts

 

Regards,

Dawid

 

 

Dimiter Topalov
Telerik team
 answered on 15 Oct 2021
1 answer
102 views
Hi,
Is it possible to persist Grid column header CSS classes (text alignment) while reordering/drag-n-dropping columns?
I've looked into Grid API but couldn't find there any clue...
Thanks in advance! 
Stoyan
Telerik team
 answered on 15 Oct 2021
1 answer
2.2K+ views

Hi,

I read about the formatPlaceholder option in the docs, but I can't find any options, whether we can set this value to null or an empty string. Currently my column filter is configured like this:


<kendo-grid-column field="year" title="Év" format="yyyy">
      <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
        <kendo-grid-date-filter-cell
          [showOperators]="false"
          [column]="column"
          [filter]="filter"
          activeView="decade"
          bottomView="decade"
          format="yyyy"
          [formatPlaceholder]="{
            year: '',
            month: '',
            day: '',
            hour: '',
            minute: '',
            second: ''
          }"
        >
        </kendo-grid-date-filter-cell>
      </ng-template>
    </kendo-grid-column>

As you see, I tried to set the placeholder to nothing, but no success, I get this:

How can I get rid of the 'year' text?

Thanks.

Hetali
Telerik team
 answered on 14 Oct 2021
5 answers
1.1K+ views
Hi

Im trying to limit my numeric filter row column to allow just values from 0-1000, but am having trouble finding an exact sample.

I was following the NumericFilterMenuComponent link, https://www.telerik.com/kendo-angular-ui/components/grid/api/NumericFilterMenuComponent/

I tried the code below but an unable to get the the spinner on the filter to show.  Can you provide a sample please?  Is there another way besides using the kendo-numerictextbox control?

    <kendo-grid-column field="UnitPrice" title="Unit Price Custom Filter" width="200">
        <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
        <kendo-grid-numeric-filter-menu
            [column]="column"
            [filter]="filter"
            [filterService]="filterService"
            >
            <kendo-numerictextbox
                [max]="1000"
                [min]="0"
                [spinners]="true"
                [value]="numericValue"
                (valueChange)="numericChange($event)">
            </kendo-numerictextbox>

        </kendo-grid-numeric-filter-menu>
        </ng-template>
    </kendo-grid-column>

Thanks
Aravind
Top achievements
Rank 1
Iron
 answered on 14 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?