Question

我有一个TypeCtrl ES6类角度控制器，它使用kendo datagrid指令并具有网格配置选项的模板。在网格模板中，我需要从TypeCtrl类调用一个方法。我需要将onclick或ng-click事件附加到模板行中的span。但是，需要在单击时触发的函数属于TypeCtrl类。如何在keh网格的数据绑定事件中获取TypeCtrl的上下文。我看到了这个＆＃34;这个＆＃34;这里指向剑道网格，

以下是我的内容，请告诉我如何在数据绑定事件中访问控制器方法

//Grid options defined in Class TypeCTrl along with openSub method

    class TypeCtrl{
        constructor() {}
        $onInit() {
            this.gridOptions = {
            name: 'test',
            dataBound: function(e) {
                //Find the span and on click , attach the typectrl controller's opensub method
                let grid = this
                let item = grid.tbody.find('#testClick');
                let value = item.innerHTML;
                item.on('click', this.openSub(value);

            }
            columns: [{
                    field: 'subscriptionName',
                    hidden: true,
                    groupHeaderTemplate: function(dataItem) {
                        let temp;
                        let sname = dataItem.value;
                        if (sname) {
                            temp = '<span id="testClick">' + sname + '</span>';
                        }
                        return temp;
                    }.bind(this)
                }, {
                    field: 'name',//Todo: show icons
                    title: 'name'
                }, {
                    field: 'version',
                    title: 'version'
                }]
            }
        }

            openSub(name) {
                alert('thisis a box');
            }
        }

        TypeCtrl.$inject = ['$scope'];

    angular.module('core').controller('TypeCtrl', TypeCtrl);

    export default TypeCtrl;

我看到当我点击span标签时，它的上下文丢失了，并且没有调用opensub方法。当我点击行模板时，我需要访问opensub方法，我可以在dataBound函数中执行此操作吗？

或任何其他方式？

Answer 1

常见的方法是使用组件构建AngularJS应用程序。如果您创建包含网格的组件，则可以从模板openSub()调用ng-click="$ctrl.openSub()"方法。在这种情况下，您方法中的this将指向TypeCtrl。

将onclick / ng-click事件附加到网格数据绑定事件

1 个答案: