如何在使用角度 js 单击列值时扩展剑道网格

Question

我正在尝试将 Kendo UI Grid 与 angular js 一起使用。当用户单击网格的一列中给出的链接时，我需要将网格扩展到更高的级别。 我使用以下代码在单击剑道网格列内的标签时展开网格。

$scope.mainGridOptions = {
               dataSource: {
            data: $scope.data,
            schema: {
                model: {
                    fields: {
                        fieldA: { type: "string" },
                        fieldB: { type: "string" },
                        fieldC: { type: "string" },
                        fieldT: { type: "numeric" }
                    }
                }
            },
            pageSize: 10
        },
        filterable: true,
        sortable: true,
        resizable: true,
        pageable: true,
        scrollable: true,
        columns: [
            { field: "fieldA", title: "FieldA", width: 90},
            { field: "fieldB", title: "FieldB", width: 90},
            { field: "fieldC", title: "FieldC", width: 90},
            { field: "fieldT", title: "FieldT", width: 90,  template:  "<a onclick='expand(this)'href='\\#'>#=mydata#</a>"}
        ]
            };

但是在运行代码时，它只会在浏览器控制台窗口中给我一个错误。

未捕获的引用错误：扩展未定义在 HTMLAnchorElement.onclick

我研究发现 Kendo 不支持标签内的 onclick 事件。因此尝试使用标签而不是标签。但是还是不行。

{ field: "fieldT", title: "FieldT", width: 90,  template:  "<span ng-click='showFileLevel(this)>{{mydata}}</span>"}

谁能指导我正确的方向，或者让我知道如何使用 Angular JS 在网格的某个列内单击文本时将剑道网格扩展到更多级别。

Answer 1

您在 js 中从控制器中编写 expand(this) 方法。