Lưới giao diện người dùng góc - kiểu menu cột/áp dụng mẫu

Question

Tôi muốn sử dụng lưới angularjs ui và có một điều kiện: Có thể tạo kiểu cho menu lọc cột.

Trong documentation, chỉ giải thích cách thêm mục mới vào menu cột chứ không phải cách thay đổi thiết kế hoặc thêm các điều khiển khác. Nếu chúng ta xem xét the example, bạn có thể mở trình đơn cột có thể hiển thị hai nút radio có kiểu tùy chỉnh (nam, nữ) với hai nút hai chấp nhận hoặc từ chối các thay đổi. Nếu thay đổi được chấp nhận, bộ lọc sẽ được áp dụng.

Bằng cách nào đó có thể sử dụng mẫu cho menu cột vì có thể cho columns header? Cách tạo menu cột tùy chỉnh?

Cảm ơn bạn.

Answer 1

Xem plunker để biết giải pháp.

Trong cột của bạnDefs bạn chỉ cần thêm menuItems. Tôi đã gặp khó khăn từ câu hỏi của bạn chính xác những gì bạn muốn các tùy chọn thả xuống bổ sung để làm như vậy tôi đã mô hình định dạng chung cho bạn trong một ví dụ rất đơn giản, nơi tùy chọn đầu tiên không làm gì ngoài hiển thị trong trình đơn của bạn và thứ hai kích hoạt cảnh báo chứa tên cột. Xin vui lòng cho tôi biết nếu điều này là (không) đủ.

Để biết danh sách đầy đủ các thuộc tính được hỗ trợ cho menuCác mục, hãy xem this tutorial.

columnDefs: [ 
    { 
    field: 'name', 
    menuItems: [{ 
     title: 'Custom Nothing' 
    }, { 
     title: 'Column Name', 
     action: function() { 
     alert(this.context.col.displayName); 
     } 

    }] 
    } 

] 

Answer 2

đi qua những gì tôi nghĩ OP đang tìm kiếm, chắc chắn những gì tôi đang tìm kiếm, thông qua http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef#properties_headercellfilter

Đó là gây phiền nhiễu bạn dường như không có khả năng sửa đổi chỉ mẫu thả xuống, bạn phải ghi đè toàn bộ mẫu ô tiêu đề, nhưng ít nhất bạn có thể thực hiện điều đó trên cơ sở từng phần tử.