Telerik Forums
Kendo UI for Angular Forum
0 answers
124 views

Hi, List box [toolbar]="false" doesn't work. It's just display empty on browser. I am using Angular cli 16.2. Using ToolbarSettings also has the same issue.

Also how can I load Listbox using databinding? I couldn't find the examples.

<kendo-listbox kendoListBoxDataBinding [data]="memberNames" [toolbar]="toolbarSettings"></kendo-listbox>

Rajendra
Top achievements
Rank 1
 asked on 07 Sep 2023
1 answer
352 views

Hello,

Does the TreeList component support server-side pagination?

It seems that the only way to use pagination with the TreeList component is to fetch all the parent nodes from the remote resource and then the component can apply paging to them in memory. Is this correct, or can the parent nodes be paginated server-side in a similar fashion to items with the Grid component? And if so, how would one go about doing this?

Our use case involves a two-level hierarchy, where there may be tens of thousands of parent nodes, so only being able to fetch the child nodes on demand isn't quite enough to limit the amount of data loaded at once, hence our need to paginate the parent nodes.

Thank you.


Yanmario
Telerik team
 answered on 07 Sep 2023
1 answer
1.8K+ views

The calendar popup is not getting closed even after selecting the date or clicking outside.

This is how I have integrated data picker in my component.

<kendo-datepicker *ngIf="formControl.allowEditing && !disabled && active" placeholder="mm/dd/yyyy"
    [formControlName] = "controlName" [min]="minDate" [max]="maxDate" [disabledDates]="disableDates" >
   

</kendo-datepicker>

 

 

Hetali
Telerik team
 answered on 05 Sep 2023
1 answer
114 views
I've set the heights of all the kendo-(inputs) to be 45px when they are created, yet for whatever reason the div with class k-form-field-wrap is always 4 pixels taller for the dropdown list input compared to the other form inputs. Does anyone know what maybe causing this?
Tsvetelina
Telerik team
 answered on 05 Sep 2023
0 answers
108 views

Hi there,

While working with the Filter Component I was able to export an CompositeFilterDescriptor object on the client side before sending it to the server, the backend is a .net core API.

Unfortunately I tried to use Telerik.Datasource DLL in order to utilize the JSON parsing functionality inside however it seems like they are from two different worlds !

On the Angular side the CompositeFilterDescriptor looks like this 

{
    "logic": "or", 
    "filters": [ 
       {
           "field" : "unitId",
           "operator" : "eq", 
            "value" : "1005"
       }
     ]
}


On the .NET side the CompositeFilterDescriptor it is expecting something like this 

{
  "logicalOperator": 1,
  "filterDescriptors": [
      {
        "member": "unitId", 
        "operator": 2 , 
        "value" : "1005"
      }
  ]
}

 

Summary of Differences

1- Field names are different and hence not parsed properly ( i.e. logicalOperator vs logic)

2- Enumerations are sent as strings from Angular but parsed as Integers from Telerik.Datasource 

3- Its called Field in Angular and Member in Telerik.Datasource

 

I feel a little bit confused here, is there any library provided by telerik that I can use to capture the Angular CompositeFilterDescriptor received from the client app inside a Web API ?

 

 

Ahmed
Top achievements
Rank 1
 asked on 04 Sep 2023
1 answer
532 views

Hi All,

Kendo dropdown list by default shows 6 items when expanded (clicked on down arrow). How can i increase the number of items to be displayed?

Need to show at least 15 items instead of 6. Also need to change the height of list items so that more items can be shown.

Tried changing the height, but it increased the height of dropdown list itself instead of the slider that pops out when clicked.

Thanks!!!

Tsvetelina
Telerik team
 answered on 04 Sep 2023
1 answer
575 views

Does the kendo-numerictextbox support tooltips? I cant seem to find any documentation on it.

The placeholder wont do as its gone after text is typed.

Yanmario
Telerik team
 updated answer on 01 Sep 2023
1 answer
226 views
A loader component with a theme color of secondary is always gray regardless of the theme settings. You can see this on your demo page.
Martin Bechev
Telerik team
 answered on 30 Aug 2023
0 answers
232 views

I am using the kendo-pdf-export and I need to send the resulting pdf to my backend API without opening or downloading the file locally. 

I used the following to achieve this:


 exportToPdf(pdfExport: { export: () => Promise<any>; }) {
    
    pdfExport.export().then((group) => {
      exportPDF(group).then((data) => {
        
        saveAs(data, 'Cdl-conformite-' + this.searchCriteria.courtier + '_' + this.datePipe.transform(this.searchCriteria.valueDate, 'yyyy-MM-dd') + '.pdf', {
          proxyURL: `${PATH}/savePdf`,
          forceProxy: true
        });
      });
    });
  }

I configured my backend to receive the file and can upload it to an S3 bucket. All this works fine.

My only problem is that when I click the button to save the pdf it redirects the UI to my /savePdf route which ... obviously is a blank page.

How can I force the control to use the proxy to send the file but not redirect the UI i.e. stay on the current page but submit the post asynchronously to my backend and do nothing else in the UI?

EDIT: I used proxyTarget = "_blank", it's better but the new window is focused and remains open which is not really acceptable.

Luc
Top achievements
Rank 1
 updated question on 25 Aug 2023
0 answers
162 views

Kendo-filter has dropdowns that are not appearing in the mat-dialog modal of my angular app. I am using the boiler plate code that is provided in the kendo-filter over view page.   I can See The Add Group, Add Filter, but after clicking add filter button, the filter dropdowns appear, The dropdowns themselves do not work, I tried targeting the dropdown with z-index 1000 with no luck.  Has anyone seen this before?

If there was a popupSettings for kendo-filter, then all generated ui components could inherit from that setting.

 

                    <kendo-filter
                        #filter
                        [filters]="filters"
                        (valueChange)="onFilterChange($event)">
                    </kendo-filter>
                    <ng-template let-currentItem #template>
                        <kendo-dropdownlist
                            [popupSettings]="{ appendTo: 'component' }"
                        ></kendo-dropdownlist>
                    </ng-template>
Alternative attempted approach to set the popupSettings for dynamic kendo-dropdownlist
import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';

@Component({
  // ...
})
export class YourComponent {
  @ViewChildren(DropDownListComponent) dropdownLists: QueryList<DropDownListComponent>;

  // ... other component properties and methods ...

  ngAfterViewInit() {
    this.dropdownLists.forEach(dropdown => {
      dropdown.popupSettings = { appendTo: 'component' };
    });
  }
}

joe
Top achievements
Rank 1
 updated question on 24 Aug 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?