link

задает компонент для отображения списка файлов, выбранных для загрузки

Example

webix.ui({
    view:"form", 
    rows:[
        {  
            view:"uploader", 
            value:"Upload file",
            link:"mylist", //ID компонента list
            upload:"php/upload.php"
        }, 
        {
            view:"list",  
            id:"mylist", 
            type:"uploader" //определяет вид каждого элемента списка
        }
    ]
});

Related samples

Чтобы компонент list правильно отображал свойства загруженных файлов, вам нужно задать ему type:"uploader". У каждого элемента списка будут: - имя файла, - статус загрузки, - иконка для удаления файла из списка.

Вы также можете создать свой тип для листа или другого компонента, который заходите использовать вместо него.

У типа должны быть:

• template (string, function) - набор элементов для отображения
  • свойства файла: (name, id, size, sizetext, type, status);
  • иконки;
• percent (function) - функция отображения разных значков для разных статусов загрузки;
• removeIcon (function) - функция, которая задает иконку для удаления;
• on_click - действие, которое будет происходить по клику на элемент списка;
• status (object) - объект с текстом для статусов загрузки:

webix.type(webix.ui.list, {
    name:"custom_name",
    template:"#name#  {common.removeIcon()}{common.percent()}\
        \<div style='float:right'>#sizetext#</div>",
    percent:function(obj){...},
    removeIcon:function(obj){...},
    on_click:{...}
    status:function(f){
        var messages = {
            server: "Done",
            error: "Error",
            client: "Ready",
            transfer:  f.percent+"%"
        };
        return messages[f.status]
    }
});

webix.ui({
    view:"list",
    type:"custom_name"
    ...
});

Related sample:  Progress Bar

Подробнее о реализации типа.

Наверх