Kendo Grid - Calculate foreign key value with other column value

I want to display the sum of column value and foreign key value in kendo grid with client template , i can't find the solution on the internet so i need help with this

i already try to display the collection of the foreign key value but i still don't know how to calculate the sum , here is my code

view

.Name("detailgridMutasi")
.Columns(columns =>
{
columns.ForeignKey(p => p.KodeBarangTipe, (System.Collections.IEnumerable)ViewData["Barang"], "KodeBarangTipe", "BarangPLU")
.Title("PLU");
 columns.ForeignKey(p => p.KodeBarangTipe, (System.Collections.IEnumerable)ViewData["Barang"], "KodeBarangTipe", "NamaBarang")
.Title("Barang");
columns.ForeignKey(p => p.SatuanID, (System.Collections.IEnumerable)ViewData["Satuan"], "SatuanID", "NamaSatuan")
.Title("Satuan");
columns.ForeignKey(p => p.KodeBarangTipe, (System.Collections.IEnumerable)ViewData["Barang"], "KodeBarangTipe", "HargaSatuan")
.Title("Harga Satuan");
columns.Bound(p => p.Qty).Width(100);
columns.Template(c => { }).ClientTemplate("#=calculateField(data)#").Title("Jumlah");
columns.Bound(p => p.Keterangan).Width(100);
columns.Command(commands =>
{
    //commands.Edit();
    commands.Destroy();

}).Title("Commands").Width(200);

})

.ToolBar(toolbar =>
                                {
                                    toolbar.Template("<a class='k-button k-button-icontext' onclick='DetailWindowMutasi()' href='#'></span>Add Item</a>");
                                }
                            )
.Editable(editable => editable.Mode(GridEditMode.InLine).DisplayDeleteConfirmation(false))
                                .Sortable()
                                .Pageable(pageable => pageable
                                .Input(true)
                                .Numeric(true)
                                .Info(true)
                                .PreviousNext(true)
                                .Refresh(true)
                                .ButtonCount(5)
                                )

.DataSource(dataSource => dataSource
                                .Ajax()
                                .Events(events => events
                                .Error("grid_error")
                                )
                                .Read(read => read.Action("Detail_Read", "FPS"))
                                .PageSize(10)
                                .ServerOperation(false)
                                .Model(model =>
                                {
                                    model.Id(P => P.SeqFPSID);
                                    model.Field(P => P.SeqFPSID).Editable(false);
                                })
                                .Destroy(destroy => destroy.Action("Detail_Destroy", "FPS"))
                                )

Javascript

var collection;
    function calculateField(data) {
        if (!collection) {
            grid = $("#detailgridMutasi").data("kendoGrid");
            valuesCollection = grid.options.columns[3].values;//Set the correct FKColumn index
            collection = {};
            for (var value in valuesCollection) {
                collection[valuesCollection[value].value] = valuesCollection[value].text;
            }
        }
        return collection[data.KodeBarangTipe];
    }

pls help