I want to uncheck my checkbox automatically whenever a specific value (suppose 'x') is selected on my select box. Please help me. Thanks in advance.
The code for my selectbox is given below:
<div *dxTemplate="let data of 'namesTemplate'">
<dx-select-box [searchEnabled]="true" [showClearButton]="true" [value]="data.value"
[dataSource]="names"
(onValueChanged)="setNames($event, data)">
</dx-select-box>
</div>
Code for checkbox:
<dxi-column dataField="isChannel" editCellTemplate="cellTemplate" cellTemplate="multiCellTemplate">
<div *dxTemplate="let data of 'cellTemplate'">
<dx-check-box [(value)]="data.value" (onValueChanged)="getValue($event, data)" [disabled]="isDisabled"></dx-check-box>
</div>
<div *dxTemplate="let data of 'multiCellTemplate'">
<dx-check-box
[(value)]="data.value" readOnly="true">
</dx-check-box>
</div>
</dxi-column>
whenever selectbox
value changes onValueChanged
gets called, so I tried to change the value in that function but it didn't work.
public setNames(obj: any, rowData: any): void {
if (obj.value === 'x') {
rowData.data.isChannel = false;
}
}