【问题标题】:How can I dynamically change currency in a Kendo-grid row如何动态更改剑道网格行中的货币
【发布时间】:2019-11-07 04:39:26
【问题描述】:

我创建了这个kendo-grid 我要实现的是:每当我更改货币select 选项时,我想更改该行中的货币ONLY,这样我就可以在下面有多个货币条目我的网格。我找到了文档 here,并尝试了完全相同的代码,但我意识到每次更改 option 时,我的 Web 应用程序中的整个文化都会发生变化。


这是一些代码:
debts.component.html

<kendo-grid #creditorsGrid
    id="creditorsGrid"
    [data]="gridData"
    ...>
    <ng-template kendoGridToolbarTemplate>
      ...
    </ng-template>
    <kendo-grid-column field="ID" title="Α/Α" width="50"></kendo-grid-column>
    <kendo-grid-column field="CreditorName" title="Πιστωτής">
      <ng-template kendoGridCellTemplate let-dataItem="dataItem">
        <kendo-combobox [data]="creditorsListItems" [suggest]="true"></kendo-combobox>
      </ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="Amount" title="Ποσό" editor="numeric" format="{0:c}"></kendo-grid-column>
    <kendo-grid-column field="Currency" title="Νόμισμα" width="100">
       <ng-template kendoGridCellTemplate let-dataItem="dataItem">
        <select style="width:65px" [value]="localeId" (change)="onLocaleChange($event.target.value)">
          <option value="en-DE">€</option>
          <option value="en-GB">£</option>
          <option value="en-CH">Fr.</option>
          <option value="en">$</option>
        </select>
      </ng-template>
    </kendo-grid-column>
    <kendo-grid-command-column width="100">
      ...
    </kendo-grid-command-column>
</kendo-grid>

debts.compoenent.ts

export class DebtsComponent implements OnInit {

    constructor(private formBuilder: FormBuilder, public editService: EditService,
              public intlService: IntlService, private localeService: LocaleService) { }

    public get localeId(): string {
        return this.localeService.localeId;
    }

    public onLocaleChange(locale: string): void {
        this.localeService.set(locale);
    }

}

localeService 可以在我上面提到的文档页面中找到)。提前致谢!

【问题讨论】:

    标签: angular kendo-ui kendo-grid currency kendo-angular-ui


    【解决方案1】:

    如果您将您的货币设为 Enum 类型,它应该只允许您为每种货币选择该 Enum。不确定这是否是您要找的,我在 kendo MVC 中做了类似的事情。

    【讨论】:

    • 最后我只是在 Currency 列中填充了combo-box,并在左列中添加了type=number。我认为这与您的建议非常接近。还是谢谢!
    猜你喜欢
    • 2013-04-04
    • 2013-06-16
    • 2017-10-25
    • 2014-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-11
    • 2020-02-25
    相关资源
    最近更新 更多