Angular UI Grid - styl menu kolumny/zastosuj szablon

Question

Chcę użyć angi-ui-grid i mam jeden warunek: musi być możliwe ukształtowanie menu filtra kolumn.

W dokumencie documentation wyjaśniono jedynie, jak dodawać nowe elementy do menu kolumny, ale nie można zmienić projektu ani dodawać innych elementów sterujących. Jeśli spojrzymy na the example, powinno być możliwe na przykład otwarcie menu kolumny, które może wyświetlać dwa niestandardowe stylizowane przyciski radiowe (męskie, żeńskie) z dwoma przyciskami, dwa akceptują lub odrzucają zmiany. Jeśli zmiany zostaną zaakceptowane, należy zastosować filtr.

Czy możliwe jest użycie szablonów dla menu kolumny, ponieważ jest to możliwe dla columns header? Jak utworzyć niestandardowe menu kolumny?

Dziękuję.

Answer 1

Patrz rozwiązanie plunker.

W ramach kolumn Widoki należy dodać elementy menu. Miałem problemy ze zrozumieniem Twojego pytania, co dokładnie chciało ci te dodatkowe opcje rozwijania, więc wymodelowałem ogólny format dla Ciebie w bardzo prostym przykładzie, w którym pierwsza niestandardowa opcja nie wyświetla niczego w menu, a druga aktywuje alert zawierający nazwę kolumny. Daj mi znać, jeśli to (nie) jest wystarczające.

Aby uzyskać pełną listę obsługiwanych atrybutów dla elementów menu, zobacz: this tutorial.

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

    }] 
    } 

] 

Answer 2

Natknąłem co myślę OP szukał, na pewno to, czego szukasz, poprzez http://ui-grid.info/docs/#/api/ui.grid.class:GridOptions.columnDef#properties_headercellfilter

To irytujące, że nie wydają się być w stanie modyfikować tylko szablon rozwijanej, trzeba przesłonić cały szablon komórki nagłówka, ale przynajmniej możesz to zrobić na podstawie za kolumnę.