2015-07-09 12 views
7

Tôi đang sử dụng lưới ui trong một trong các dự án của tôi và một trong các yêu cầu là ẩn/hiển thị các cột trong lưới. Ẩn các cột hoạt động tốt nhưng sau đó làm cách nào tôi có thể hiển thị lại cột bị ẩn?Hiển thị lại cột ẩn trong ui-lưới AngularJs

Sau khi tìm kiếm một lúc tôi thấy rằng trong ng-lưới có showColumnMenu mà cung cấp khả năng hiển thị cột sau khi lẩn trốn nó, see this example I found

$scope.gridOptions = { 
data: 'myData', 
columnDefs: [{ 
       field: "id", 
       visible: false 
      },{ 
       field: "name", 
       displayName : "name" 
      },{ 
       field: "age", 
       displayname: "age", 

      }] , 
multiSelect: false, 
showGroupPanel: true, 
selectedItems: [], 
showColumnMenu: true }; 

, nhưng trong ui-grid sử dụng showColumnMenu không hoạt động.

Tôi đã tự hỏi nếu ai đó biết cách hiển thị các cột bị ẩn.

Cảm ơn,

Trả lời

12

Ng lưới được viết lại dưới dạng lưới ui. Liên kết ví dụ của bạn trỏ đến ng lưới. Nhưng nếu bạn đang tự hỏi làm thế nào để làm điều này trong góc-ui-lưới.

http://plnkr.co/edit/In28bF2EYuQaATwqnBAn?p=preview Hãy xem ví dụ này. Để hiển thị các cột ẩn, bạn cần bậtGridMenu, nó sẽ hiển thị cho bạn tùy chọn hiển thị các cột ẩn.

$scope.gridOptions = { 
    exporterMenuCsv: false, 
    enableGridMenu: true,   
    columnDefs: [ 
     { name: 'name' }, 
     { name: 'gender', enableHiding: false }, 
     { name: 'company' } 
    ], 
    ... 
    }; 
+0

Cảm ơn Kanthir vì sự giúp đỡ hữu ích của bạn.Tôi đã thêm ví dụ vào ng-grid để làm rõ những gì tôi thực sự muốn. Tôi đã tìm kiếm tương đương với showColumnMenu trong ui-grid nhưng tôi không tìm thấy nó. – I3i0

+0

là không có enableShowing cho cùng một lý do? – bschmitty

Các vấn đề liên quan