数字控制百分比类型在焦点上显示5%而不是0.05

时间:2017-02-23 06:12:17

标签: kendo-ui-angular2

控件中是否有任何配置显示5%的焦点而不是0.05, 对于百分比,它显示0.05作为值的权利,并且在焦点上它显示5%但是如果有一个可配置的开关,除了编写自定义焦点和模糊事件之外,两次显示5%

1 个答案:

答案 0 :(得分:0)

内置数字格式允许转义'%'符号,从而跳过默认的value * 100行为。

以下是如何执行此操作的方法:

@Component({
  selector: 'my-app',
  template: `
    <kendo-numerictextbox
        [value]="value"
        [format]="format"
    ></kendo-numerictextbox>
  `
})

export class AppComponent {
  public value: number = 5;
  public format: string = "#.# \\%";

  constructor(public intl: IntlService) {}
}

Runnable demo:http://plnkr.co/edit/Ba05nP4LCgjuKjssSJzE?p=preview

有关格式的更多详细信息,请参阅kendo-intl repo:

https://github.com/telerik/kendo-intl/blob/master/docs/num-formatting/index.md#custom