Для создания главного меню следует сгенерировать 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 } ... ]