Question

我需要知道是否可以从Angular ui-grid的标题单元中删除向下的V形箭头（如下所示）：

因为下拉选项中的“升序排序”和“降序排序”与单击网格中的列标题时的排序行为不同。单击列标题会自动覆盖任何先前的排序，而从下拉列表中选择“升序排序”或“降序”则要求用户选择“删除排序”＃34;在选择另一列之前。我的质量保证小组要求我去除＆＃34;删除＆＃34;因为他们担心如果试图选择另一个Sort Asc / Desc而没有先单击Remove Sort，它会导致用户认为排序功能有问题。如果无法删除箭头，是否至少可以从选择中删除升序和降序，而不会阻止使用列标题进行排序？

Answer 1

为了从下拉菜单中删除Sort Ascending，Sort Descending和Remove Sort，我在ui-grid.js文件中注释掉了以下内容：

  //{
        //  title: i18nService.getSafeText('sort.ascending'),
        //  icon: 'ui-grid-icon-sort-alt-up',
        //  action: function($event) {
        //    $event.stopPropagation();
        //    $scope.sortColumn($event, uiGridConstants.ASC);
        //  },
        //  shown: function () {
        //    return service.sortable( $scope );
        //  },
        //  active: function() {
        //    return service.isActiveSort( $scope, uiGridConstants.ASC);
        //  }
        //},
        //{
        //  title: i18nService.getSafeText('sort.descending'),
        //  icon: 'ui-grid-icon-sort-alt-down',
        //  action: function($event) {
        //    $event.stopPropagation();
        //    $scope.sortColumn($event, uiGridConstants.DESC);
        //  },
        //  shown: function() {
        //    return service.sortable( $scope );
        //  },
        //  active: function() {
        //    return service.isActiveSort( $scope, uiGridConstants.DESC);
        //  }
        //},
        //{
        //  title: i18nService.getSafeText('sort.remove'),
        //  icon: 'ui-grid-icon-cancel',
        //  action: function ($event) {
        //    $event.stopPropagation();
        //    $scope.unsortColumn();
        //  },
        //  shown: function() {
        //    return service.sortable( $scope ) &&
        //           typeof($scope.col) !== 'undefined' && (typeof($scope.col.sort) !== 'undefined' &&
        //           typeof($scope.col.sort.direction) !== 'undefined') && $scope.col.sort.direction !== null &&
        //          !service.suppressRemoveSort( $scope );
        //  }
        //},

现在，下拉菜单中显示的唯一内容是“隐藏列”。这解决了我的问题。

希望这有助于其他人！

Angular ui-grid中来自HeaderCell的箭头

1 个答案: