Поскольку UniGui это фрэймворк, построенный на ExtJS, то есть, исходным языком является JavaScript, то можно подключить библиотеку jQuery и “подбираться” к компонентам с помощью уже многим привычного символа $ из библиотеки jQuery. В данном посте посмотрим как это сделать.
Создадим простой пример 2 кнопки на MainForm. По нажатию одной из них применим эффект анимации slideToggle() для второй из них. Итак, поехали, сделаем новый UniGUi проект (я выбрал StandAlone для простоты) и разместим на главной форме 2 кнопки
Для того, чтобы нам проще было искать вторую кнопку, пропишем у неё новый HTML class, таким образом
UniButton2 >ExtEvents >added
|
1 2 3 4 |
function added(sender, container, pos, eOpts) { sender.addCls('myClassName'); } |
Далее, создадим собственно само событие на первой кнопке
UniButton1 >ExtEvents>Click
|
1 2 3 4 |
function click(sender, e, eOpts) { $('.myClassName').slideToggle(); // << код jQuery } |
Компилируем, запускаем наш StandAlone сервер, идем в браузер и жмем на localhost:8077
Наслаждаемся эффектом 🙂 Таким образом можно подбираться к любому компоненту и делать с ними все то, что можно делать с обычными HTML элементами на странице.
Почему мы не подключали библиотеку jQuery?
Она уже включена в UniGui, но в принципе, при большом желании можно подключить более новую версию через
ServerModule > CustomFiles
Сама библиотека находится по адресу
C:\Program Files (x86)\FMSoft\Framework\uniGUI\uni-0.99.80.12XX\jQuery