Подскажите пожалуйста фреймворк.

[lolbla2]

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

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

[yo-y0]

> несложно разобраться что к чему.
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]

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

[lolbla2]

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

[danik.js]

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

[lolbla2]

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

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

[danik.js]

<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]

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

<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 лезть

[kobezzza]

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

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

[lolbla2]

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