Question

我在cshtml页面上使用ng-grid，其控制器中的gridoption代码为：

    $scope.myGridOptions = {
    dataSource: myGridFiles,
    sortable: true,
    filterable: {
        extra: false
    },
    scrollable: true,
    dataBound: function () {
        window.scrollTo(0, 0);
        $pageData.isLoading = false;
    },
    columns: [
        {
            template: '<span class="icon-adjust center"><input type="checkbox" ng-click="selectFile(dataItem)" /></span>',
            width: 28
        },

       {
            template:  '<a class="js-mul-tooltip" title="Row Number:{{row.index+1}}"><i class="mul-icon-row"></i></a>',
            width: 28
        },

        {
            field: 'UploadedDate',
            title: $i18n.filerepo.dateUploaded,
            template: '<span class="center">#= kendo.toString(kendo.parseDate(UploadedDate, "yyyy-MM-dd"), "dd-MMM-yy") #</span>',
            width: '14%',
            filterable: false
        },
        {
            field: 'UploadedBy',
            title: $i18n.filerepo.uploadedBy,
            width: '11%',
            filterable: false
        },

        {
            field: 'Notes',
            title: $i18n.filerepo.notes,
            template: '<span class="text-overflow" ng-attr-title="{{dataItem.Notes}}" ng-bind="dataItem.Notes"></span>',
            width: '25%',
            filterable: false
        },
        {
            field: 'DocumentKey',
            title: $i18n.filerepo.uniqueidentifier,
            width: '14%',
            filterable: false
        }
    ]
};

我想在每行的第二列中显示一个工具提示，我需要获取鼠标当前悬停并显示的行索引：行号：1,2,3,4 ..等等< / p>

我怎样才能实现这一目标。请帮助

由于

Answer 1

我认为它不是row.index而是row.rowIndex所以你应该改为：

{
     template:  '<a class="js-mul-tooltip" title="Row Number:{{row.rowIndex+1}}"><i class="mul-icon-row"></i></a>',
     width: 28
},

如何确定工具提示显示的ng-grid中的行索引

1 个答案: