グリッドインライン編集はドロップダウンをサポートしていますか？

Question

現在、kendo-grid-columnのエディタプロパティは数値、テキスト、ブール値をサポートしています。編集モードでグリッドセル内でドロップダウンコントロールを使用することは可能ですか？

Answer 1

あなたは、テンプレートを定義し、必要なものは何でも置くことができます：反応性フォームを使用して

<kendo-grid-column field="ProductName" title="Product Name"> 
    <template kendoGridEditTemplate let-dataItem="dataItem"> 
     <kendo-dropdownlist [(ngModel)]="dataItem.itemId" [data]="listItems"></kendo-dropdownlist> 
    </template> 
</kendo-grid-column> 

Answer 2

もう一つの例：

は、あなたのcomponent.tsファイルであなたのリストの値を定義します。

public listItems: Array<string> = ["Product1", "Product2"]; 

このように使用することができます：

<kendo-grid-column field="ProductName" title="ProductName"> 
      <template kendoGridEditTemplate let-dataItem="dataItem"> 
        <kendo-dropdownlist [data]="listItems [value]="dataItem.ProductName" (valueChange)="handleValueChange($event)></kendo-dropdownlist> 
      </template> 
</kendo-grid-column> 

次に、コンポーネントでhandleValueChange定義を提供する必要があります。

handleValueChange(value) { 
     this.formGroup.get('ProductName').setValue(value); 
    }