Файловый менеджер на ExtJS

Для применения в проектах ExtJS «файлового менеджера» нужно подключить пакет filer_package. Инструкция тут

Данный пакет содержит набор компонентов для работы с файловой системой

  • IServ.Filer.Panel — панель для вывода информации из файловой системы
  • IServ.Filer.data.Filer — хранилище (Store) для работы с ФС
  • и т.д. Подробнее о компонентах тут

Применение

Перед началом работы с ФМ, нужно в момент инициализации приложения выполнить следующий код:

//Внимание!!! код нужно выполнить для использования других компонентов пакета filer_package
var filerMeta = Ext.create('IServ.Filer.direct.Meta', {
    // http://docs.appcode.pw/projects?project=rpc-file-manager
    baseUrl: Utilits.getConf('remote_service_url') + Utilits.getConf('file_manager_url') // тут указывается адрес сервиса 
});
filerMeta.init(callback);

После этого будет доступна новая мета-информация

Далее можно инициализировать панель для просмотра файловой системы

{
    xtype: "filer-dataview"
}

Вывод данных зависит от настроек безопасности, которые указываются в таблице sys_accesses

Пример вывода изображения в панели

Для вывода изображений в панели доступен компонент filer-imagecontentpanel

{
    xtype: 'filer-imagecontentpanel',
    cls: 'header-right-profile-image',
    imageConfig: {
        height: 35,
        width: 35
    },
    store: 'store.filer',
    path: '\\resources\\images.png'
}
Print Friendly, PDF & Email

Добавить комментарий