ui.comments

Компонент Comments позволяет пользователям оставлять комментарии в приложениях..

Комментарии в списке отсортированы по дате, для каждого отображаются имя автора и аватар. Пользователи могут редактировать или удалять все свои комментарии.

Компонент может использоваться отдельно или как часть другого компонента.

Инициализация

webix.ui({
    view:"comments",
    currentUser:2,
    data:[
        {
          id:1, user_id:1, date:"2018-06-10 18:45",
          text:"Let's deal with half of the points in the plan without further delays."
        },
        { id:2, user_id:2, date:"2018-06-10 19:40", text:"Yes, let's do it." }
    ],
    users:[
        { id:1, value:"Corvo Attano", image: "./common/imgs/corvo.jpg" },
        { id:2, value:"Daisy Fitzroy", image: "./common/imgs/daisy.jpg" }
    ]
});

С чего начать

Methods
adjust подстраивает размеры компонента под размеры HTML-контейнера
attachEvent задает обработчик внутреннего события компонента
bind связывает данные компонентов
blockEvent временно блокирует вызов ВСЕХ событий вызывающего объекта
callEvent вызывает внутреннее событие компонента
define переопределяет одну или несколько настроек компонента
destructor разрушает компонент
detachEvent удаляет обработчик события (который был задан ранее методом attachEvent)
disable блокирует компонент (он становится серым, клики по нему не срабатывают)
edit позволяет пользователям редактировать комментарий
enable делает активным ранее заблокированный компонент
focus перемещает фокус на поле ввода
getChildViews возвращает внутренние компоненты
getFormView возвращает объект формы, которой принадлежит компонент
getMenu возвращает объект контекстного меню
getNode возвращает HTML-элемент компонента
getParentView возвращает родительский компонент
getTopParentView возвращает самого верхнего родителя
getUsers возвращает DataCollection со списком пользователей
hasEvent проверяет, есть ли у компонента обработчики указанного события
hide скрывает компонент
isEnabled проверяет, активен или заблокирован компонент
isVisible проверяет, виден ли компонент
load загружает данные из внешнего источника данных
mapEvent направляет события от одного компонента к другому
parse загружает данные, доступные на клиенте
queryView возвращает внутренние компоненты, которые удовлетворяют указанному условию
resize перерисовывает компонент после изменения размеров
setCurrentUser задает текущего пользователя, от имени которого будут отправляться комментарии
show делает компонент видимым
unbind отменяет связывание компонентов
unblockEvent отменяет блокировку событий, которая была вызвана командой 'blockEvent'
Events
onAfterAdd срабатывает после добавления комментария
onAfterDelete срабатывает после удаления комментария
onAfterEditStart срабатывает после начала редактирования комментария
onAfterLoad срабатывает после завершения загрузки данных
onBeforeAdd срабатывает перед добавлением нового комментария
onBeforeDelete срабатывает перед удалением комментария
onBeforeEditStart срабатывает перед началом редактирования комментария
onBeforeLoad запускается непосредственно перед началом загрузки данных
onBeforeMenuAction срабатывает перед выбором опции меню
onBindRequest срабатывает, когда компонент готов получить данные из главного компонента
onDestruct происходит, когда компонент был разрушен деструктором
onLoadError срабатывает при возникновении ошибки во время загрузки данных (невалидный ответ с сервера)
onUserMentioned срабатывает, когда пользователь был упомянут в комментарии
onViewShow срабатывает, когда компонент появляется (вызов метода show())
Properties
animate определяет анимацию для показа компонента в Multiview
borderless скрывает или показывает границы компонента
container HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
css имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
currentUser задает пользователя, от имени которого в приложении отправляются комментарии
data данные для компонента (массив, типизированный массив, XML или CSV)
datatype тип загружаемых данных
disabled блокирует или разблокирует компонент
gravity задает удельный (относительный) размер компонента
height задает высоту компонента
hidden скрывает компонент после его инициализации
highlight задает режим подсветки упоминаний
id ID компонента
listItem определяет template для комментариев
maxHeight задает максимальную высоту компонента
maxWidth задает максимальную ширину компонента
mentions включает функциональность упоминаний пользователей по нику
minHeight задает минимальную высоту компонента
minWidth задает минимальную ширину компонента
mode определяет, какие комментарии загружаются первыми (самые старые или последние)
moreButton задает текст на кнопке "More comments"
on позволяет присоединять обработчики к внутренним событиям компонента
padding определяет пространство между границами лейаута и его содержимым
paddingX задает правый и левый отступ внутри лейаута
paddingY задает верхний и нижний отступы внутри лейаута
readonly включает режим только для чтения
scheme задает data scheme для компонента Comments
sendAction определяет клавишу или комбинацию клавиш, отправляющих комментарий (Enter или Shift+Enter)
type определяет границы и отступы в лейауте
url путь к данным, которые загрузятся в компонент сразу после инициализации
users определяет список пользователей, которые могут добавлять комментарии
width задает ширину компонента
Other
$exportView возвращает объект внутреннего компонента List для экспорта
$getSize возвращает текущий размер компонентов
$height текущая высота компонента
$onLoad действие по умолчанию при загрузке данных
$setNode определяет HTML-элемент компонента
$setSize задает размеры компонента
$skin вызывается после применения скина
$view возвращает HTML-элемент компонента
$width текущая ширина компонента
config все настройки, заданные при инициализации компонента
name возвращает имя компонента (свойство только для чтения)
Наверх