KENDO UI

GRID

1.      HOW TO DISPLAY DATA FIELD IN KENDO GRID

2.      HOW TO DISPLAY HYPER LINK COLUMNS IN KENDO GRID

3.      HOW TO DISPLAY IMAGE BUTTON COLUMNS IN KENDO GRID

4.      HOW TO FORMAT COLUMNS IN KENDO GRID

5.      HOW TO CONDITIONALLY FORMAT COLUMNS IN KENDO GRID

6.      HOW TO GIVE STYLES TO HEADERS IN KENDO GRID

7.      KENDO GRID ROW SELECTION ON IE11 FIXED

8.       KENDO GRID HEADER SORTING IS NOT WORKING IN IE11 FIXED

9.       KENDO GRID CHANGE HEIGHT OF THE GRID TO DISPLAY MANY RECORDS

110.   GET SELECTED ROWS USING CHECKBOX COLUMN IN KENDO GRID

HOW TO FORMAT COLUMN IN KENDO GRID

Hi All,

We can use Client Template to display formatted data fields in Kendo Grid columns.

 Use the following syntax this,

ClientTemplate("#= kendo.toString(DataField, 'Format String') #");

Example:

To Display currency with Dollar Sign
ClientTemplate("#= kendo.toString(Amount, 'c') #");

To Display Date in dd/MM/YYYY format

ClientTemplate("#= kendo.toString(DOBDate, 'dd/MM/yyyy') #");

To Display Decimal with 2 digits

ClientTemplate("#= kendo.toString(totalUnits, 'n2') #");

Note:

Here I am giving Data field with preceding its object name.