2014-07-09 71 views
1

我想知道是否可以使用「attributes:{}」的東西來格式化字符串(在本例中是字段OrderDate中顯示的字符串)(我不知道該怎麼做這是一個標籤?屬性?)在劍道網格中使用屬性格式化字符串

注意:這是在一個從遠程服務器獲取JSON數據的kendogrid。

注2attributes:{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"}, 
      }, 

再一次,感謝您的時間閱讀我的問題。

+0

重新格式化HTML元素的值不通過HTML元素的屬性來完成。我發佈了一個解決方案作爲答案。 –

回答

0

我們可以結合的功能(以下劍道UI文檔中描述的)來重新格式化數據綁定活動期間日期:

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"); 
    } 
}); 

+0

@ Turtle-kun是否解決了您的問題? –

0

在這種情況下,您無法使用CSS3格式化字符串(完全一樣... impossibru)

因此,您需要格式化你的JSON對象,一旦其加載,它傳遞到網格顯示之前。

格式的數據(此鏈接給你,你如何格式化數據源的一些想法)

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

格式化日期(此鏈接給你如何格式化日期想法)

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

如果你不舒服與日期的劍道格式(是的,我恨它),你可以使用甜momentJS

http://momentjs.com/

BTW(編者)

Kendo grid date column not formatting

這是一個更快和更清潔的方式使用「模板」屬性格式化

+0

感謝您試圖提供幫助,但它根本沒有幫助。一個是因爲我完全不知道如何格式化JSON數據(在閱讀第一個包含_numbers_的鏈接後,第二個包含_dates_,而我有_string_)。二,我不想使用模板因爲這需要我完全重建該網站,這並不很有趣。但仍然感謝您的回答,因爲我確實瞭解了更多關於格式化數字和日期的信息,而且我已經將其用於其他部分! –