Good day!
I discovered a typo in the "Custom Values" documentation for the ComboBox. On the page, under the Remote Services section, for the source of app.component.ts, there is a section of code:
/*
Maps each custom text that the user types to the result of a function that performs http request to remove service.
For further details about `switchMap` operator check:
http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-switchMap
*/
public valueNormalizer = (text: Observable<
string
>): any => text.pipe(switchMap(this.service));
On the comment line it states "...performs http request to remove service." I imagine you wanted that to be "....remote service.".
Peace,
Keith Nicholson
This might have been answered before.
I need to open a modal window on row click, but here's the catch:
There are two ways I think this might work but the two ways need a workaround.
1st: using the selectionChange event, the problem is that the row stays selected and when I close the modal and would like to select it again it wont let me, I have to select a different row to trigger the event.
2nd: cellClick event, it works fine, but I have a column at the end of the row with button actions for delete, etc... so if I click on any of those buttons the cellClick event also gets fired and I end up with two actions.
What would be a clean way to trigger a row click without it being selected and open a modal window, and when clicking on any button on a row cell it doesn't trigger the row click event either.
Thanks.
Hello,
I have a kendo-grid-checkbox-column that needs a Select-All checkbox in the header. I could use the showSelectAll option but the header also needs to have text in the cell. To accomplish this I use kendoGridHeaderTemplate. I am able to do this just fine, but I am unable to figure out how to set the checkbox to indeterminate. I created an "isChecked" variable to set the checkbox to checked or unchecked. Is there a value I can set to show the indeterminate state? Here is my code:
<kendo-grid-checkbox-column>
<ng-template kendoGridHeaderTemplate>
<div style="margin-bottom: -8px; margin-left: 5px;">
<input class="k-checkbox" id="chkHeader" type="checkbox" [(ngModel)]="isChecked">
<label class="k-checkbox-label" for="chkHeader"></label>
</div>
<div style="margin-left: -4px;">{{myCustomText}}</div>
</ng-template>
</kendo-grid-checkbox-column>
Thanks,
Scott
https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/
(Required) rowHeight—Has to represent the actual height of each Grid row (tr) element in the DOM. The provided rowHeight number is used for internal calculations and does not set the row height of the Grid.
This rowHeight seems to be some kind of magic number used for internal calculations. How do I know the value to set it to?
Good day!
I have a ComboBox (CB) residing in a FormField that works just fine. I wanted to convert it to the MultiColumnComboBox (MCCB) to show a couple of extra fields. I don't have time today, maybe over the weekend, to create a small, self contained example. Yet, here are the two similar sections and their results:
CB
<
kendo-formfield
[showHints]="'always'" [showErrors]="'always'">
<
kendo-label
[for]="'companyProfile'"
text
=
"Company Profile: "
></
kendo-label
>
<
kendo-combobox
ngDefaultControl [data]="companyProfiles"
[formControlName]="'companyProfile'"
[textField]="'companyName'"
[valueField]="'id'"
[filterable]="true"
(filterChange)="companyProfilesFilter($event)">
</
kendo-combobox
>
<
kendo-formerror
>
<
div
*
ngIf
=
"formGroup.get('companyProfile').errors && formGroup.get('companyProfile').errors.required"
>
Company profile is required.
</
div
>
</
kendo-formerror
>
</
kendo-formfield
>
MCCB
<
kendo-formfield
[showHints]="'always'" [showErrors]="'always'">
<
kendo-label
[for]="'companyProfile'"
text
=
"Company Profile: "
></
kendo-label
>
<
kendo-multicolumncombobox
ngDefaultControl [data]="companyProfiles"
[formControlName]="'companyProfile'"
[textField]="'companyName'"
[valueField]="'id'"
[filterable]="true"
(filterChange)="companyProfilesFilter($event)">
<
kendo-combobox-column
[field]="'companyName'"
[title]="'Name'"
[width]="250">
</
kendo-combobox-column
>
<
kendo-combobox-column
[field]="'companyId'"
[title]="'Profile Name'"
[width]="250">
</
kendo-combobox-column
>
</
kendo-multicolumncombobox
>
<
kendo-formerror
>
<
div
*
ngIf
=
"formGroup.get('companyProfile').errors && formGroup.get('companyProfile').errors.required"
>
Company profile is required.
</
div
>
</
kendo-formerror
>
</
kendo-formfield
>
MCCB Without ngDefaultControl
As you can see I added the ngDefaultControl to the control after getting the following error on the MCCB without it:
ERROR Error: No value accessor
for
form control
with
name:
'companyProfile'
at _throwError (forms.js:3576)
at setUpControl (forms.js:3400)
By adding it, I did not get a javascript error any longer, but with no dropdown content as seen above.
Anything obvious to someone?
Peace,
Keith