Since 6.1
Компонент 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" }
]
});
| 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' |
| onAfterAdd | срабатывает после добавления комментария |
| onAfterDelete | срабатывает после удаления комментария |
| onAfterEditStart | срабатывает после начала редактирования комментария |
| onAfterLoad | срабатывает после завершения загрузки данных |
| onBeforeAdd | срабатывает перед добавлением нового комментария |
| onBeforeDelete | срабатывает перед удалением комментария |
| onBeforeEditStart | срабатывает перед началом редактирования комментария |
| onBeforeLoad | запускается непосредственно перед началом загрузки данных |
| onBeforeMenuAction | срабатывает перед выбором опции меню |
| onBindRequest | срабатывает, когда компонент готов получить данные из главного компонента |
| onDestruct | происходит, когда компонент был разрушен деструктором |
| onLoadError | срабатывает при возникновении ошибки во время загрузки данных (невалидный ответ с сервера) |
| onTransitionEnd | срабатывает, когда заканчивается анимация сворачивания/разворачивания поля ввода |
| onUserMentioned | срабатывает, когда пользователь был упомянут в комментарии |
| onViewShow | срабатывает, когда компонент появляется (вызов метода show()) |
| animate | определяет анимацию для показа компонента в Multiview |
| borderless | скрывает или показывает границы компонента |
| container | HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован |
| css | имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями |
| currentUser | задает пользователя, от имени которого в приложении отправляются комментарии |
| data | данные для компонента (массив, типизированный массив, XML или CSV) |
| datatype | тип загружаемых данных |
| disabled | блокирует или разблокирует компонент |
| gravity | задает удельный (относительный) размер компонента |
| height | задает высоту компонента |
| hidden | скрывает компонент после его инициализации |
| highlight | задает режим подсветки упоминаний |
| id | ID компонента |
| keepButtonVisible | определяет видимость кнопки Send |
| listItem | определяет template для комментариев |
| maxHeight | задает максимальную высоту компонента |
| maxInputHeight | определяет максимальную высоту инпута |
| maxWidth | задает максимальную ширину компонента |
| mentions | включает функциональность упоминаний пользователей по нику |
| minHeight | задает минимальную высоту компонента |
| minInputHeight | определяет минимальную высоту инпута |
| minWidth | задает минимальную ширину компонента |
| mode | определяет, какие комментарии загружаются первыми (самые старые или последние) |
| moreButton | задает текст на кнопке "More comments" |
| on | позволяет присоединять обработчики к внутренним событиям компонента |
| padding | определяет пространство между границами лейаута и его содержимым |
| paddingX | задает правый и левый отступ внутри лейаута |
| paddingY | задает верхний и нижний отступы внутри лейаута |
| readonly | включает режим только для чтения |
| scheme | задает data scheme для компонента Comments |
| sendAction | определяет клавишу или комбинацию клавиш, отправляющих комментарий (Enter или Shift+Enter) |
| type | определяет границы и отступы в лейауте |
| url | путь к данным, которые загрузятся в компонент сразу после инициализации |
| users | определяет список пользователей, которые могут добавлять комментарии |
| width | задает ширину компонента |
| $configForm | позволяет кастомизировать внутреннюю форму |
| $configList | позволяет кастомизировать список сообщений |
| $exportView | возвращает объект внутреннего компонента List для экспорта |
| $getSize | возвращает текущий размер компонентов |
| $height | текущая высота компонента |
| $onLoad | действие по умолчанию при загрузке данных |
| $setNode | определяет HTML-элемент компонента |
| $setSize | задает размеры компонента |
| $skin | вызывается после применения скина |
| $view | возвращает HTML-элемент компонента |
| $width | текущая ширина компонента |
| config | все настройки, заданные при инициализации компонента |
| name | возвращает имя компонента (свойство только для чтения) |