Angular 7アプリケーションの剣道ドロップダウンリストにデータをバインドし、デフォルト値を設定しようとしています。defaultItemプロパティをvaluefieldと同じidに設定しましたが、デフォルト値が表示されないようです。代わりに、FundClassIdというテキストが表示されています。
マークアップ
valueField="FundClassId" defaultItem = "FundClassId" (valueChange)="flashClassChanged($event)"></kendo-dropdownlist>
成分
fundclassSelected: any;
JSON構造
"[{"FundClassId":13714,"FundClass":"Class D"},{"FundClassId":13717,"FundClass":"Class B"},{"FundClassId":13713,"FundClass":"Class A"},{"FundClassId":13716,"FundClass":"Class B1"},{"FundClassId":13715,"FundClass":"Class C"}]"
リストはオブジェクトの配列ですが、文字列をデフォルト値として設定しようとしているため、間違っています。リスト項目の1つのようにデフォルト値を設定してください。
@Component({
selector: 'my-app',
template: `
<kendo-dropdownlist
[data]="newData"
textField="FundClassId"
valueField="FundClassId"
[defaultItem]="defaultItem"
>
</kendo-dropdownlist>
`
})
export class AppComponent {
public newData = [{"FundClassId":13714,"FundClass":"Class D"},{"FundClassId":13717,"FundClass":"Class B"},{"FundClassId":13713,"FundClass":"Class A"},{"FundClassId":13716,"FundClass":"Class B1"},{"FundClassId":13715,"FundClass":"Class C"}];
defaultItem = this.newData[0]; //or defaultItem = {"FundClassId":"default item ...","FundClass":"Class D"};
}
デモ。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加