Kendo ui gives an empty data

hi guys look at my code see where is the problem. the problem is that kendo ui showing no data to me, but this will happen after template. and part of url is my controller that works fine but like i said the problem happen from template and says browser can identify ‘id’. so i would happy anyone can help me and new with javascript and jquery!
here is my code:

$("#my-grid").kendoGrid({
            dataSource: {
                type: "Data",
                transport: {
                    read: {
                        url: '/News/LoadNews',
                        dataType: 'json',
                        type: 'GET'
                    },
                },
                pageSize: 20,
            },
            height: 550,
            groupable: true,
            sortable: true,
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5,
            },
            columns: [
                {
                    field: "news_title",
                    title: "عنوان",
                },
                {
                    field: "author_name",
                    title: "نویسنده",
                },
                {
                    field: "news_write_date",
                    title: "تاریخ",
                },
                {
                    title: "عملیات",
                    template:'#= editNewsButton(Id) #'
                },
            ],
        });