修改群组标题以包含儿童数Kendo UI Grid

时间:2017-08-04 19:02:17

标签: javascript kendo-grid

我在javascript中创建了一个Kendo UI Grid。我有一个defalut分组,然后用户可以选择其他分组。一些事情需要帮助:

1.我想创建一个自定义组标题,因此它包含子行的计数。

  1. 在鼠标悬停组标题时,我需要更改Google地图实例上的相关标记。 (该组包含客户的纬度和长度。

    function loadGrid(dataItem) {
        $("#grid").kendoGrid({
            dataSource: {
                dataType: "json",
                transport: {
                    read: {
                        url: serviceUrl",
                        dataType: "json",
                    },
                },
                schema: {
                    data: "result.results",
                },
                group: {
                    field: "siteName", field: "siteName",
                },
            },
            dataBound: onDataBound,
            pageSize: 20,
            height: 550,
            filterable: true,
            groupable: true,
            sortable: true,
            pageable: true,
            collapse: true,
            columns: [
                {
                    field: "dirId",
                    title: "Dir Id",
                    hidden: true
                },
                {
                    field: "dirName",
                    Title: "Dir Name",
                    hidden: true
                },
                {
                    field: "siteId",
                    title: "Site Id",
                    hidden: true
                },
                {
                    field: "siteName",
                    title: "Site Name",
                    //hidden: true
                },
                {
                    field: "appTypeRefId",
                    title: "App Type Ref Id",
                    hidden: true
                },
                {
                    field: "appInstName",
                    title: "App Instance Name",
                },
                {
                    field: "appTypeName",
                    title: "App Type",
                },
    
                {
                    field: "unitId",
                    title: "Unit Id",
                    hidden: true
                },
                {
                    field: "unitName",
                    title: "Unit Name"
                },
                {
                    field: "controlSystemId",
                    title: "Control System Id",
                    hidden: true
                },
                {
                    field: "controlSystemName",
                    title: "Control System Name"
                },
                {
                    field: "longitude",
                    title: "Longitude",
                    hidden: true
                },
                {
                    field: "latitude",
                    title: "Latitude",
                    hidden: true
                },
    
            ],
        })
    }
    
  2. 非常感谢! 罗恩

0 个答案:

没有答案