Intermediate

Топ 10 хелперов на все случаи жизни

webix.ui

Этот метод вызывается разработчиком для того чтобы инициализировать Webix компонент любого уровня сложности, будь то контрол или целый лейаут приложения.

Метод конвертирует переданную ему JSON структуру в объекты клиентского лейаута - то, для чего Webix и используется :)

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

Обычно вам будет достаточно одного конструктора webix.ui() на приложение, однако window или popup требуют дополнительный конструктор, т.к. располагаются над основным лейаутом.

webix.ui({ view:"window", ... }).show();

Более подробно о построении лейаута приложения читайте в этой статье.

webix.ready

Это кросс-браузерная альтернатива событию onDocumentReady, которую можно использовать вместо метода onload(). Код внутри обработчика отработает после полного парсинга страницы, предотвращая потенциальные ошибки.

Метод опционален, однако мы рекомендуем его к использованию.

Вы также можете вызвать его несколько раз.

 webix.ready(function(){ 
     webix.ui({
         container:"box",
         view:"window",
         // ...
     });
 })

Справочник API

webix.bind

Простой способ привязать функцию к объекту (внутри привязанной функции, ключевое слово this будет указывать на экземпляр объекта).

var t = webix.bind(function(){
    alert(this);
}, "master");
 
t(); // выведет "master"

webix.copy

Метод позволяет создать глубокую (независимую) копию объекта:

var new_obj = webix.copy(source_obj);

API reference

webix.extend

Копирует методы и свойства исходного объекта в целевой:

var target_obj = new webix.ui.toolbar(config);
webix.extend(target_obj, webix.Movable);

Также этот метод можно использовать как альтернативу методу copy(). В таком случае вам необходимо указать пустой объект в качестве первого параметра.

var new_obj = webix.extend({}, source_obj);

Справочник API

webix.exec

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

webix.exec("var t = 2;");

У метода есть преимущество перед eval: переменные, объявленные в коде будут определены глобально, так же как и в случае с обычным JS кодом.

Справочник API

webix.delay

Ожидает указанное кол-во миллисекунд, после чего выполняет код.

webix.delay(webix.animate, webix, [node, animation], 10);

Справочник API

webix.uid

Метод позволяет сгенерировать уникальный ID. ID уникален в пределах сессии (не глобально).

var name = webix.uid();

Справочник API

webix.event

Используется для добавления обработчиков событий. У него есть парный метод для удаления обработчиков - webix.eventRemove.

var display_handler = webix.event(document.body,'click',function(e){});
// ...
webix.removeEvent(display_handler);

Справочник API

webix.html.offset

С помощью этого метода можно получить позицию любого HTML элемента.

var offset = webix.html.offset(ev.target);

Справочник API

webix.html.addCss

Метод добавляет CSS указанному компоненту. Его парный метод - webix.html.removeCss - удаляет указанный CSS.

webix.html.addCss(this._headbutton, "collapsed");
// ...
webix.html.removeCss(this._headbutton, "collapsed");

Справочник API

Полный список хелперов можно найти на этой странице.

Наверх