Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Подскажите пожалуйста фреймворк. (https://javascript.ru/forum/library-toolkit-framework/36953-podskazhite-pozhalujjsta-frejjmvork.html)

lolbla2 02.04.2013 09:22

Подскажите пожалуйста фреймворк.
 
Мне нужно разрабатывать GUI где в основном используются списки, гриды (как список только несколько столбцов), переключатели, т.е. основное что мне нужно хранить модель с данными, менять её всячески так чтобы все изменения сразу же применялись в отображаемом списке, т.е. MVC вроде как называется это. Все управление будет исключительно клавиатурой, никакой мышки, т.е. обработка onkeypress необходима.

Какой мне лучше всего использовать фреймворк? Желательно с понятной и чёткой документацией чтобы было несложно разобраться что к чему.

yo-y0 04.04.2013 10:55

> несложно разобраться что к чему.
jquery. Все остальные с наскока вряд ли получится изучить

http://www.sencha.com/products/extjs/examples/
http://dojotoolkit.org/
http://wijmo.com/
http://www.kendoui.com/
http://alloyui.com/examples/
http://jeasyui.com/index.php

Там где нет MVC - дополнительно взять MVC-фреймворк их тоже много

Айvan 06.04.2013 11:14

Adobe Dreamweaver можно использовать или лучше WebStorm? В чем преимущества??

lolbla2 08.04.2013 09:22

а как сделать управление клавой? Вот это не осилил... Т.е. представим что мыши вообще нет. Как сделать чтобы стрелками фокус перекидывать с одного на другой элемент? Обычно есть же понятие такое как фокус, у кого фокус тот и получает всякие onkeypress и т д события, по крайне мере в QML так. Писал на нём интерфейсы, сейчас возникла необходимость переделать на HTML...

danik.js 08.04.2013 09:42

Тут тоже есть фокус. По большей части все работает без дополнительных действий.

lolbla2 08.04.2013 11:57

Цитата:

Сообщение от danik.js (Сообщение 244751)
Тут тоже есть фокус. По большей части все работает без дополнительных действий.

окей, простой пример, есть 2 кнопки button как мне по нажатию стрелочек вниз, вверх передавать фокус от одной к другой? Не могли бы вы накидать такой пример кода? Передача фокуса по Tab не катит я сам хочу управление настроить, будь то стрелочки или wsda...

danik.js 08.04.2013 12:36

<button autofocus="">Button 1</button>
<button>Button 2</button>
<script>
var keyCodes = {38: 'Up', 40: 'Down', 37: 'Left', 39: 'Right'};
document.addEventListener('keydown', function(e){
    var activeElement = document.activeElement;
    switch (e.keyCode)
    {
        case 38:
            if (activeElement.previousElementSibling) {
                activeElement.previousElementSibling.focus();
                e.preventDefault(); // отменяем скролл
            }
            break;
        case 40:
            if (activeElement.nextElementSibling) {
                activeElement.nextElementSibling.focus();
                e.preventDefault(); // отменяем скролл
            }
            break;
    }
});
</script>

lolbla2 08.04.2013 13:02

Цитата:

Сообщение от danik.js (Сообщение 244751)
Тут тоже есть фокус. По большей части все работает без дополнительных действий.

Цитата:

Сообщение от danik.js (Сообщение 244766)
<button autofocus="">Button 1</button>
<button>Button 2</button>
<script>
var keyCodes = {38: 'Up', 40: 'Down', 37: 'Left', 39: 'Right'};
document.addEventListener('keydown', function(e){
    var activeElement = document.activeElement;
    switch (e.keyCode)
    {
        case 38:
            if (activeElement.previousElementSibling) {
                activeElement.previousElementSibling.focus();
                e.preventDefault(); // отменяем скролл
            }
            break;
        case 40:
            if (activeElement.nextElementSibling) {
                activeElement.nextElementSibling.focus();
                e.preventDefault(); // отменяем скролл
            }
            break;
    }
});
</script>

Спасибо, вот оказывается как, надо через document лезть :agree: :)

kobezzza 08.04.2013 13:25

Цитата:

Сообщение от Айvan (Сообщение 244512)
Adobe Dreamweaver можно использовать или лучше WebStorm? В чем преимущества??

DW устарел, крайне медленно развивается, так что сейчас почти по всем параметрам лучше WebStorm.

lolbla2 08.04.2013 13:58

Кто-нибудь знает есть ли где документация с описанием всего что есть в document, все функции, переменные и т д? Не нашёл что-то а то


Часовой пояс GMT +3, время: 13:44.