Opcion disabled para componente MenuItems hijos no funciona, solo para principales

Post Reply
wilfred9099
Posts: 10
Joined: 09 Mar 2018, 05:29

16 Aug 2021, 08:51

Buena noche

Tengo un inconveneinte con el tema Prestige, dado que al momento de crear las opciones de menu en app.menu.component.ts y poner algunas en mi areglo de tipo MenuItem[] con la opcion disabled si funcona y no se muestran en la pagina
Pero al realizar eso con los hijos no surte efeto, dado que siempre se muestran las opciones, logre ocultar en la app.menuitem.component.ts pero solo las oculta, dado que no puedo eliminar las opciones de menu con disabled = true

Les agradezco si me pudieran ayudar, saludos

merve7
Posts: 846
Joined: 12 Sep 2017, 10:44

16 Aug 2021, 09:43

Hi,
Firstly, the Prestige doesn't use MenuItem[] model, it has a special model. You can see the below attach ;
Image

But if you can send me your code part and you can more explain what your want to implement, we can help you.

Best regards,
Merve Özçifçi

wilfred9099
Posts: 10
Joined: 09 Mar 2018, 05:29

16 Aug 2021, 21:42

Buen dia, gracias por el seguimiento

Efectivamente prestige no utiliza MenuItem y usa el generico Any en su lugar, pero lo que busco es que la opcion disable me elimine las opciones de menu que esten como true

model: any[];
constructor(public app: AppMainComponent) {}

ngOnInit() {
this.model = [
{label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/apps/inicio'], disabled: false},
{label: 'Coral', icon: 'pi pi-fw pi-shopping-cart', routerLink: ['/apps/coral'], disabled: false,
items: [
{label: 'Cliente', icon: 'pi pi-fw pi-user', routerLink: ['/apps/coral/cliente'], disabled: false},
{label: 'Prospecto', icon: 'pi pi-fw pi-users', routerLink: ['/apps/coral/prospecto'], disabled: true}
]},
{label: 'Produccion', icon: 'pi pi-fw pi-book', routerLink: ['/apps/produccion'], disabled: false,
items: [
{label: 'Ordenes de produccion', icon: 'pi pi-fw pi-file-o', routerLink: ['/apps/produccion/ordenes'], disabled: false},
{label: 'Reporte de consumos', icon: 'pi pi-fw pi-chart-line', routerLink: ['/apps/produccion/consumos'], disabled: true},
{label: 'Precierres de ordenes', icon: 'pi pi-fw pi-calendar-plus', routerLink: ['/apps/produccion/precierre'], disabled: true}
]
}
];

Mi objetivo es tener opciones de menu dinamicas de acuerdo a las opciones de menu disponibles que tenga un usuario

merve7
Posts: 846
Joined: 12 Sep 2017, 10:44

19 Aug 2021, 14:07

Hi,
Thanks for your explanation. We will add support for your want the feature for the next release (v12). You need to rename disable prop to visible prop and you can use it with v12.

Best regards,
Merve Özçifçi

wilfred9099
Posts: 10
Joined: 09 Mar 2018, 05:29

19 Aug 2021, 16:38

Perfecto

Gracias por el seguimiento, Saludos

Post Reply

Return to “Prestige - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests