Page 1 of 1

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

Posted: 16 Aug 2021, 08:51
by wilfred9099
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

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

Posted: 16 Aug 2021, 09:43
by merve7
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

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

Posted: 16 Aug 2021, 21:42
by wilfred9099
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

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

Posted: 19 Aug 2021, 14:07
by merve7
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

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

Posted: 19 Aug 2021, 16:38
by wilfred9099
Perfecto

Gracias por el seguimiento, Saludos

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

Posted: 03 Feb 2022, 09:24
by yigitfindikli
wilfred9099 wrote:
19 Aug 2021, 16:38
Perfecto

Gracias por el seguimiento, Saludos
Glad to hear that.

Regards.