Question

in my code, i want to do the gird table with default sorting by last name ascending, phone number formatting with (xxx)-xxx-xxxx and replace the word null to none,for example some mobiel number is null, i want to display as none

{
                    field: "LName",
                    width: 100,
                    title: "Last Name",
                    defaultSorting: true

                }, {
                    field: "DateOfBirth",
                    width: 100,
                    title: "Date of Birth",
                    type: 'date',
                    template: '#= kendo.toString(DateOfBirth,"MM/dd/yyyy") #'

                }, {
                    field: "Email",
                    width: 230,
                    title: "Email"
                }, {
                    field: "MobileNumber",
                    width: 100,
                    title: "Mobile Number"


                },

any one done this before, or have idea plz help

Answer 1

Setting a default sort is done on the data source, and can be done like this:

sort: { field: "LName", dir: "asc" }

Formatting a phone number is a bit trickier, as there is no built in support for formatting them. You’ll have to pull the number apart, then you can use the format function to format the number (assuming your number is formatted 1234567890):

function formatPhoneNumber(phoneNumber) {
    var piece1 = phoneNumber.substring(0, 3); //123
    var piece2 = phoneNumber.substring(3, 6); //456
    var piece3 = phoneNumber.substring(6); //7890

    //should return [phone]
    return kendo.format("({0})-{1}-{2}", piece1, piece2, piece3);
}

To replace null with none use another template function. This can also apply the phone number formatting:

template: '#= (MobileNumber) ? formatPhoneNumber(MobileNumber) : "none" #'

You’ll need to make sure that your formatPhoneNumber function is scoped so that the kendo template can access it when binding.