2016-05-30 8 views
1

Stellen Sie sich vor, dass ich die Struktur unten haben:ausblenden Säule in AngularJS

 $scope.gridOptions = { 
       enableHorizontalScrollbar: 1, 
       enableFiltering: true, 
       paginationPageSizes: [150, 300, 450], 
       paginationPageSize: 150, 
       rowHeight: 110, 
       data: data, 
       columnDefs: [ 
{ name: 'IdQuestion', field: 'IdQuestion', displayName: 'Question Number' , enableCellEdit: false , width :'60' },   
{ name: 'Category', field: 'Category', displayName: 'Category' , enableCellEdit: false , width :'83' } 

Ich brauche eine Schaltfläche erstellen, um die Spalte Kategorie zu verbergen, ich dachte, dass dies funktionieren würde:/

$("#gridOptions").field("Category").hide(); 

aber es nicht, können Sie mir den richtigen Weg, um auf die Spalte Kategorie zugreifen zu lassen. Vielen Dank im Voraus.

+1

Sie mischen jQuery und eckig hier. Normalerweise können Sie so etwas vollständig innerhalb von eckig mit den Befehlen 'ng-hide' oder 'ng-show' tun. Verwenden Sie Ihre Schaltfläche, um den gebundenen Wert auf diese möglicherweise umzuschalten? – Adwaenyth

+0

Danke Gunter, ich suche ein gutes Beispiel für so etwas, hast du was? – user1187282

Antwort

1
<label ng-show="gridOptions[0].enableCellEdit">Category</label> 

in obigem Code Wenn enableCellEdit wahr ist, dann wird dieses Label anders angezeigt, es wird sich verstecken.

+0

danke thigala, wie kann ich es in die Spaltendefinition einfügen, wird das funktionieren: name: 'Kategorie', feld: 'Kategorie', displayName: 'Kategorie', enableCellEdit: false, width: '83 ', ng-show : "gridOptions [0] .enableCellEdit"} – user1187282

+0

Bitte teilen Sie Ihren Code in fiddle.or Post HTML-Code –