No label and undefined values on groupable KendoGrid


#1

Hello,
I have a sortable and groupable KendoGrid in my page. I would like to drag a column header to the top for group it.
When I drag an header element I receive ‘undefined’ (there are a 3 screenshot), and when I drag the header on the top I don’t have any label.

1 Screenshot ==> https://imgur.com/OKkDKIj
2 Screenshot ==> https://imgur.com/fRaguae
3 Screenshot ==> https://imgur.com/jauqrVv

This is the source code on SensorsListView.c3ui:

    ui module Enterprise {
    component SensorsListView {
        "component": "KendoGrid",
        "title": "Sensors List",
        "titleUrl": "Enterprise.Sensors",
        "icon": "bar-chart",
        "paginate": true,
        "paginationConfig": {
            "buttonCount": 3,
            "info": true,
            "input": false,
            "numeric": true,
            "pageSizes": [ 25, 50, 100, 200, 500 ],
            "previousNext": true,
            "refresh": true
        },
        "preventReloadOnPageParamsChange": true,
        "checkboxes": true,
        "data": {
            "collection": "Enterprise.MeasurementSeries"
        },
        "rowIdField": "id",
        "columns": [
            {
                "label": "{~Enterprise.SensorsListView.sensor~}",
                "field": "servicePoint.name",
                "align": "left",
                "sortable": true,
                "link": "/enterprise/servicePoint/{{ servicePoint.id }}",
                "id": "servicePoint"
            },
            {
                "label": "{~Enterprise.SensorsListView.measurementDesc~}",
                "field": "description",
                "align": "left",
                "sortable": true,
                "link": "/enterprise/sensor/{{ id }}",
                "id": "description"
            },
            {
                "label": "{~Enterprise.SensorsListView.sensorType~}",
                "field": "measurementType",
                "format": "titleize",
                "align": "left",
                "sortable": true,
                "id": "measurementType"
            },
            {
                "label": "{~Enterprise.SensorsListView.facilityDynamicTree~}",
                "field": "servicePoint.facility.buildingNameAnswer",
                "format": "titleize",
                "align": "left",
                "sortable": true,
                "linkConditionals": {
                    "defaultUrl": "/enterprise/facility/{{ servicePoint.facility.id }}",
                    "field": "servicePoint.facility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#"
                        }
                    ]
                },
                "linkColorConditionals": {
                    "field": "servicePoint.facility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#000000"
                        }
                    ]
                },
                "id": "facilityName"
            },
            {
                "label": "{~Enterprise.SensorsListView.facilityDynamicTree~}",
                "field": "servicePoint.facility.parentFacility.buildingNameAnswer",
                "format": "titleize",
                "align": "left",
                "sortable": true,
                "linkConditionals": {
                    "defaultUrl": "/enterprise/facility/{{ servicePoint.facility.parentFacility.id }}",
                    "field": "servicePoint.facility.parentFacility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#"
                        }
                    ]
                },
                "linkColorConditionals": {
                    "field": "servicePoint.facility.parentFacility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#000000"
                        }
                    ]
                },
                "id": "parentFacilityName"
            },
            {
                "label": "{~Enterprise.SensorsListView.facilityDynamicTree~}",
                "field": "servicePoint.facility.parentFacility.parentFacility.buildingNameAnswer",
                "format": "titleize",
                "align": "left",
                "sortable": true,
                "linkConditionals": {
                    "defaultUrl": "/enterprise/facility/{{ servicePoint.facility.parentFacility.parentFacility.id }}",
                    "field": "servicePoint.facility.parentFacility.parentFacility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#"
                        }
                    ]
                },
                "linkColorConditionals": {
                    "field": "servicePoint.facility.parentFacility.parentFacility.parentFacility.id",
                    "thresholds": [
                        {
                            "comparisonValue": "",
                            "comparator": "!=",
                            "conditionalValue": "#000000"
                        }
                    ]
                },
                "id": "grandParentFacilityName"
            }
        ],
        "id": "Enterprise.SensorsListView",
        "name": "SensorsListView"
    }
}

#2

I forgot to write:
before “paginationConfig”, write groupable:true


#3

Unfortunately this feature (grouping data by a selection of columns) is not fully implemented.


#4

Thank you, do you think that with the new version of c3 this features may be implemented?