jQuery("#DisplayPropertiesGrid").kendoGrid({
        height: 484,
        selectable: "row multiple",
        sortable: true,
        reorderable: true,
        columns:
            [
                {
                    field: '',
                    width: 47,
                    template: '#= GetIsStarredColumnForDisplayAvaliablePropertiesGrid(id) #',
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                },
                {
                    field: 'category',
                    width: 47,
                    template: '#= GetCategoryColumnForDisplayAvaliablePropertiesGrid(id) #',
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                },
                {
                    field: 'fieldtype',
                    width: 47,
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                },
                {
                    field: 'source',
                    width: 73,
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                },
                {
                    field: 'short_name',
                    width: 186,
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                },
                {
                    field: 'technical_info',
                    width: 132,
                    headerTemplate: GetHeaderTemplateForDisplayAvaliablePropertiesGrid()
                }
            ],
        //dataSource: displayAvaliableProperties,
        dataSource: fieldsModel,
        dataBound: function () {
            jQuery('#DisplayPropertiesGrid .k-grid-content').addClass('DisplayPropertiesGridOverflow');
            jQuery('#DisplayPropertiesGrid .k-grid-header').addClass('DisplayPropertiesGridHeader');
            jQuery('#DisplayPropertiesGrid .k-grid-header-wrap').addClass('DisplayPropertiesGridHeader');
            jQuery('#DisplayPropertiesGrid .k-header').addClass('DisplayPropertiesGridHeaderRow');
            jQuery("#DisplayPropertiesGrid .k-grid-content").delegate("tbody>tr", "dblclick", function () {  AddAngleGridColumnByDisplayAvaliablePropertiesGridSelected(selectedAvaliableProperties); });
        },
        change: function () {
            selectedAvaliableProperties = [];
            var grid = this;
            grid.select().each(function () {
                var dataItem = grid.dataItem(jQuery(this));
                selectedAvaliableProperties.push(dataItem);
            });
        }
    });

function GetHeaderTemplateForDisplayAvaliablePropertiesGrid() {
    var headerTemplate = '<a href="#" class="DisplayAvaliablePropertiesHeaderGrid"></a>';
    return headerTemplate;
}

function GetIsStarredColumnForDisplayAvaliablePropertiesGrid(rowId) {
    var columnTemplate = '<div class="#Icon#"></div>';
    jQuery.each(resultModel.fields, function (i, item) {
        if (item.id == rowId) {
            if (item.is_suggested) {
                if (item.is_starred) {
                    return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridSignFavorite');
                } else {
                    return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridSignSuggest');
                }
            } else if (item.is_starred) {
                return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridSignFavorite');
            } else {
                return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridSignFavoriteDisable');
            }
        }
    });

    return columnTemplate;
}

function GetCategoryColumnForDisplayAvaliablePropertiesGrid(rowId) {
    var columnTemplate = '<div class="#Icon#"></div>';
    jQuery.each(resultModel.fields, function (i, item) {
        if (item.id == rowId) {
            var tempCategory = item.category.split('/');

            if (tempCategory[4] == 'EA') {
                return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridEA');
            } else if (tempCategory[4] == 'SAP') {
                return columnTemplate = columnTemplate.replace('#Icon#', 'DisplayPropertiesGridSAP');
            }
        }
    });
    return columnTemplate;
}