使用kendo网格中的属性格式化字符串

时间:2014-07-09 07:04:31

标签: css kendo-ui string-formatting

我想知道是否可以使用“attributes:{}”格式化字符串(在本例中是在OrderDate字段中显示的字符串)(我不知道应该如何调用它。标签?A属性?)

注意:这是在kendogrid中,它从远程服务器获取JSON数据。

注意2 attributes:{style:text-align:center;"}工作得很好。

        field : "OrderDate",
        title : "Orderdatum",
        attributes:{style:"text-align:center;"},
        width : 170,

如果我还需要为您提供其他任何内容,请说明。

先谢谢大家!如果这看起来像我没有搜索或其他东西,那么我可以向你保证。

enter image description here

我认为这可能有助于人们了解它的外观。在我的情况下,我想要实现的是,如果数据为3-3-2009(所选单元格/行),则显示为03-03-2009。是否可以使用attributes来实现它?

再次,先谢谢。

编辑2: This link告诉我在CSS3中无法做到这一点。所以我现在的猜测是我accidently创建了duplicate question。所以让我重新解释一下我的问题:如何格式化字符串,不一定使用属性,所以它看起来我解释了我希望它看起来如何?

编辑3: 我应该包括这个。 正如您所看到的,我得到的是字符串,而不是数字

schema: {
            type : "json", 
            data : "SalesOrders.SalesOrder", 
            model: {
                fields: {
                    OrderNo : {type: "string"},
                    OrderDate : {type: "string"},
                    DeliveryWeek : {type: "number"},
                    OrderTotal :  {type: "number"},
                    OBJECTID : {type: "number"},
            },

再次感谢您抽出时间阅读我的问题。

2 个答案:

答案 0 :(得分:0)

我们可以结合使用功能(在以下Kendo UI文档中描述)在DataBound事件期间重新格式化日期:

http://docs.telerik.com/kendo-ui/getting-started/framework/globalization/dateformatting

http://docs.telerik.com/kendo-ui/api/web/grid#events-dataBound

[更新] 这是传达这个想法的一些通用代码:

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  dataBound: function(e) {
    console.log("put your Date conversion logic here in the dataBound event");
  }
});

答案 1 :(得分:0)

在这种情况下,您无法使用CSS3格式化字符串(如完全不可能......)

因此,在将JSON对象传递到网格中进行显示之前,需要对其进行格式化后对其进行格式化。

格式化数据(此链接可让您了解如何格式化数据源)

http://www.telerik.com/forums/datasource-number-format

格式化日期(此链接可让您了解如何设置日期格式)

http://docs.telerik.com/kendo-ui/getting-started/framework/globalization/dateformatting

如果你对日期的剑道格式不满意(是的,我讨厌它),你可以使用甜蜜的瞬间.JS

http://momentjs.com/

BTW(已编辑)

Kendo grid date column not formatting

使用&#34;模板&#34;这是一种更快捷,更清洁的方式。格式化属性