【问题标题】:kendo grid mvc calculated column not formatingkendo grid mvc计算列未格式化
【发布时间】:2017-07-11 13:44:00
【问题描述】:

MVC 5,剑道 2017.2.504

我无法正确格式化计算列(以货币为单位)。

我尝试在ClientTemplate 中使用javascript 函数调用,但从未调用过js 函数。

   .ClientTemplate("#=formatCurrency(TotalAmount*Deductibility)#")

   function formatCurrency(value) {
    var result = kendo.toString(value, "c");
    return result;
  }

也试过直接使用kendo.toString

  .ClientTemplate("#= kendo.toString(TotalAmount*Deductibility, 'C') #")

  .ClientTemplate("#= kendo.toString(TotalAmount*Deductibility, 'c') #")

这是网格定义(仅显示所需的列)。需要注意的一件事, 网格具有可扩展的行(在DetailTemplate 中定义),可扩展的行使用 ajax 数据源,但外部网格没有。我认为这是问题的一部分,我使用的是ClientTemplate(在外部网格中),但数据源不是 Ajax。网格的其他一切都按预期工作:

  Html.Kendo().Grid(Model)
              .Name("TaxClass")
              .Columns(columns =>
              {
                 ...
                columns.Template(c => c.TotalAmount * c.Deductibility).Title("Amount Deductible").ClientTemplate("#=formatCurrency(TotalAmount*Deductibility)#")
                            .HtmlAttributes(new {@class = "currency"}).Width(110);
                    })
             .DetailTemplate(
                 ...

             )
             .Filterable()
             .DataSource(dataSource => dataSource.Server())
             .Render();

         }

【问题讨论】:

  • 我已经为你准备了一个示例道场,这就是你想要的吗? dojo.telerik.com/IbUKI 如果这是你想要的,我会为你展开完整的答案。
  • @DavidShorthose 很好的例子,欣赏道场 - 非常有用

标签: kendo-ui kendo-grid kendo-asp.net-mvc


【解决方案1】:

我首选的方法是在视图模型中进行计算,但你可以这样做:

columns.Template(c => { })
       .ClientTemplate("#= kendo.toString(deductibleAmount(data),'c')#")
       .HtmlAttributes(new {@class = "currency"}).Title("Amount Deductible").Width(110);

然后添加脚本:

<script type="text/javascript">
    //Passed data contains current row model
    function deductibleAmount(data) {
        return data.TotalAmount * data.Deductibility;
    }
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-10
    • 1970-01-01
    相关资源
    最近更新 更多