kendo ui grid display multiple columns data in one column

In the below kendo ui grid view, display multiple columnsdata in one column using [#= .... #] and [#: .... #].

Here [#= .... #] is used for model data and [#: .... #] is ued for javascript methods. 

The code sample as given below

<div id="gridViewMultiple"></div>

$("#gridViewMultiple").kendoGrid({

    pageable: true,

    scrollable: true,

    resizable: true,

    sortable: true,

    columnMenu: true,

    dataBound: function (e) {

    },

    columns: [

            {

                field: "Products",

                title: "Product Services",

                template: "#= ProductService.Product # - #= ProductService.ProductType # - #: getUsageTypeName(UsageIncludedTypeID) #",

                width: 310

            },

    ],

    dataSource: {

        type: "json",

        transport: {

            read: "http://localhost:37745/Contract/Api/Pricing/GetByCTID/" + session().PricingID

        },

        pageSize: 10

    }

});