Навигационное меню

Для создания главного меню следует сгенерировать json-файл в определенном формате. Пример файла указан ниже.

Элемент (3) ‘Внутренние страницы’ с параметром visible: false является обязательным, так как содержит системные страницы, которые не отображаются в навигационном меню, но используются в самим приложением.

Параметр (1) metaData.defaultToken: string предназначен для установки страницы по умолчанию. Если данный параметр не указан, то применяется настройка на клиенте (см. файл app.js)

Для дополнительной настройки внешнего вида доступен параметр (2) metaData.micro: boolean При установке параметра в значение true меню будет по умолчанию в свернутом состоянии. По умолчанию false

Описание пункта меню

  • text:string – наименование пункта меню
  • viewType:string – имя (идентификатор) представления (берется из xtype). Значение указывать в нижнем регистре
  • domainType:string – псевдоним. Указывается “чистое наименование раздела”, без окончания (-listview, -detailview). Значение указывать в нижнем регистре
  • leaf:boolean – если указывается true, то значит нужно выводит пункт меню без вложений
  • icon:string – иконка в формате base64. Размер изображения должен быть 16×16 пикселей (4)
  • iconCls:string – наименование. Список иконок приведен здесь
  • visible:boolean – если передается false, то данный пункт не будет выводиться
  • children: any[] – дочерние элементы
  • selectable: boolean – разрешен ли переход по записи или она служит лишь для “разворачивания” / “сворачивания” списка
  • expanded: boolean – разворачивать списка по умолчанию или нет
{    
    "metaData":{
        "defaultToken": "users-listview",  // (1)
        "micro": false // (2)
    },
    expanded: true,
    children: [
        {
            text: 'Внутренние страницы', // (3)
            iconCls: 'x-fa fa-leanpub',
            expanded: false,
            selectable: false,
            visible: false, // является внутренним элементов, в навигации не выводится
            children: [
                {
                    text: 'Blank Page',
                    iconCls: 'x-fa fa-file-o',
                    viewType: 'pageblank',
                    leaf: true
                },
                {
                    text: '404 Error',
                    iconCls: 'x-fa fa-exclamation-triangle',
                    viewType: 'page404',
                    leaf: true
                },
                {
                    text: '500 Error',
                    iconCls: 'x-fa fa-times-circle',
                    viewType: 'page500',
                    leaf: true
                },
                {
                    text: 'Lock Screen',
                    iconCls: 'x-fa fa-lock',
                    viewType: 'lockscreen',
                    leaf: true
                },
                {
                    text: 'Login',
                    iconCls: 'x-fa fa-check',
                    viewType: 'login',
                    leaf: true
                }
            ]
        },
        // пункты навигационного меню
        {
            text: 'Адаптеры к ГИС ЖКХ',
            viewType: 'cs_adapter-listview',
            alias: 'cs_adapter',
            leaf: true,
            iconCls: 'x-fa fa-usb'
        },
        {
            text: 'Конечные точки',
            viewType: 'cs_endpoints-listview', // Значение указывать в нижнем регистре
            alias: 'cs_endpoints', // Значение указывать в нижнем регистре
            leaf: true,
            icon: 'data:image/png;base64,iVBORw...' // (4)
        },
        {
            text: 'Буферные процедуры',
            viewType: 'cs_procedures-listview',
            alias: 'cs_procedures',
            leaf: true,
            iconCls: 'x-fa fa-table'
        },
        {
            text: 'Операция',
            viewType: 'cs_services-listview',
            alias: 'cs_services',
            leaf: true,
            iconCls: 'x-fa fa-list'
        }
    ]
}

Безопасность

Безопасность разделов осуществляется следующими свойствами:

  • creatable:boolean – разрешено создание
  • editable:boolean – разрешено редактирование
  • deletable:boolean – разрешено удаление
  • fullcontroll:boolean – дополнительные параметр для проверки прав. Является не обязательным

Пример:

[
    ...
    {
       text: 'Буферные процедуры',
       viewType: 'cs_procedures-listview',
       alias: 'cs_procedures',
       leaf: true,
       iconCls: 'x-fa fa-table',
       creatable: true,
       deletable: true,
       editable: false
    },
    {
       text: 'Операция',
       viewType: 'cs_services-listview',
       alias: 'cs_services',
       leaf: true,
       iconCls: 'x-fa fa-list',
       creatable: true,
       deletable: true,
       editable: true
    }
    ...
]

 

Print Friendly, PDF & Email