如何在角度2中设置kendo-combobox的默认值

时间:2017-07-04 10:34:59

标签: angular2-template kendo-combobox

我正在使用Kendo Combobox绑定UI中的某些值。是否可以将Array的第一个值设置为默认值?

2 个答案:

答案 0 :(得分:0)

从Combobox的角度来看,您可以使用以下代码将第一个值添加为选择。这与Angular代码无关。因为您没有提到要用于实现该功能的任何代码段或功能。

$("#targetComboId").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [{
            text: "Cotton",
            value: "1"
        },
        {
            text: "Polyester",
            value: "2"
        },
        {
            text: "Cotton/Polyester",
            value: "3"
        },
        {
            text: "Rib Knit",
            value: "4"
        }
    ],
    index: 0 // Your target value, set it to the index you want
});

这将选择并填充Combobox中的第一个值。希望它有所帮助!

答案 1 :(得分:0)

我知道这对您来说已经晚了,其他人可以使用它。

这在客户端.html文件中:

<kendo-combobox  [data]="SalasType" [valuePrimitive]="true"
          [textField]="'name'" (valueChange)="productTypeChange($event)" [valueField]="'id'" [(ngModel)]="selectedValue.id" name="Product Group">
        </kendo-combobox>

将此添加到客户端.ts文件: 将其添加到通用文件中(或者您可以在.ts中创建此数组)

export const OSSSALELIST = [
  { id: 1, name: 'Product Group' },
  { id: 2, name: 'Product' }
];

在此处调用该全局常量,

  SalasType = OSSSALELIST;
  selectedValue:any;

和oninit方法中:enter code here

this.selectedValue=this.SalasType[0];