Javascript Girl
  1. Javascript Girl
  3. Modifiez l'icône MenuItem dans ui.gird angulaire
Intereting Posts
Three.js Update Texture image Convertissez 12 heure hh: mm AM / PM à 24 heures hh: mm Pourquoi existe-t-il une valeur «nulle» en JavaScript? Enregistrement des tâches Grunt dont le code se trouve dans les fichiers JavaScript externes Scrapy crawling ne fonctionne pas sur le site ASPX Partage et partage de ressources entre origines: // Les ruptures de référence des éléments sur la modification de la propriété innerHTML du conteneur Uncaught SyntaxError: Impossible d'exécuter 'querySelector' sur 'Document' Promouvoir le rappel sur la valeur de retour de succès à la valeur de retour de la fonction d'appelant Comment utiliser javascript sur nodejs et Web en même temps? Element.style.setAttribute () vs. element.attribute = '' Javascript utilisant le tour vers le 10 le plus proche Détection lorsque le contenu Iframe a été chargé (navigateur croisé) JqGrid: essayant d'ajouter un bouton + à droite d'un champ de formulaire "ajouter" (en utilisant elmsuffix) TypeError: $ .ajax n'est pas une fonction lors de l'exécution d'une requête ajax

Modifiez l'icône MenuItem dans ui.gird angulaire

Comment basculer les icônes customizing_column_menu dans ui.grid angulaire comme indiqué ci-dessous

Entrez la description de l'image ici

Entrez la description de l'image ici

Je n'ai pas trouvé la meilleure solution pour changer les éléments de menu dynamiquement, voici ce que j'ai fait pour la solution de contournement

Code 

$scope.gridOptions = { rowHeight: 75, columnDefs: [{ field: 'name', enableColumnMenu: false }, { field: 'gender', enableHiding: false, suppressRemoveSort: true, sort: { direction: uiGridConstants.ASC } }, { field: 'All Details', cellTemplate: '<p ng-show="grid.appScope.company"><label><b>Company:</b></label><span>{{row.entity.company}}</span></p><p ng-show="grid.appScope.email"><label><b>email:</b></label><span>{{row.entity.email}}</span></p>', menuItems: [{ title: 'Company', icon: 'ui-grid-icon-ok', action: function() { $scope.company = $scope.company ? false : true; }, context: $scope, shown: function() { return this.context.company; } },{ title: 'Company', icon: 'ui-grid-icon-cancel', action: function() { $scope.company = $scope.company ? false : true; }, context: $scope, shown: function() { return !this.context.company; } }, { title: 'Email', icon: 'ui-grid-icon-ok', action: function() { $scope.email = $scope.email ? false : true; }, context: $scope, shown: function() { return this.context.email; } }, { title: 'Email', icon: 'ui-grid-icon-cancel', action: function() { $scope.email = $scope.email ? false : true; }, context: $scope, shown: function() { return !this.context.email; } }] }] };

Travailler Plunkr