extjs权限控制

const roles = {
    ADMIN: 'admin',
    USER: 'user'
};

const permissions = {
    VIEW_DASHBOARD: 'view_dashboard',
    EDIT_DATA: 'edit_data'
};

function hasPermission(userRole, requiredPermission) {
    const rolePermissions = {
        [roles.ADMIN]: [permissions.VIEW_DASHBOARD, permissions.EDIT_DATA],
        [roles.USER]: [permissions.VIEW_DASHBOARD]
    };

    return rolePermissions[userRole].includes(requiredPermission);
}

Ext.define('MyApp.view.Dashboard', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.dashboard',

    initComponent: function() {
        const userRole = 'admin'; // 假设当前用户角色为 admin

        if (hasPermission(userRole, permissions.EDIT_DATA)) {
            this.items.add({
                xtype: 'button',
                text: 'Edit Data',
                handler: function() {
                    Ext.Msg.alert('Success', 'You can edit data!');
                }
            });
        }

        this.callParent(arguments);
    }
});