jQuery Data Grid - пишем плагин > Snowcore’s блог - Magento разработчик

jQuery Data Grid - пишем плагин

Решил написать свой jQuery плагин для табличного отображения данных. Раньше мне во многих проектах приходилось выполнять практически одну и ту же рутинную работу. Например, нужна таблица с возможностью редактирования без перезагрузки страницы. Для этого приходится играть со многими событиями, разными элементами, действиями и т.д. Для этих задач рационален более общий подход к задаче. Все, что нужно будет для создание ajax таблицы - это написание серверных функций сохранения/удаления, а также правильный вывод данных и … единственная строчка javascript кода, которая приводит все это в жизнь.

На данный момент плагин находится в стадии разработки. Посмотреть на черновой вариант можно по адресу: http://snowcore.net/grid/.

Я планирую реализовать в нем следующие особенности:

  • пейджинг
  • валидация вводимых данных
  • гибкая настройка (определение собственных стилей и прочее)
  • применение фильров

Если у кого есть еще какие-либо пожелания или замечания - отпишитесь в комментариях.

13 Responses

  1. [YS.PRO] Says:

    Молодцом!

  2. CharnaD Says:

    О! Давай! Я тоже хотел, мне тоже такой плагин нужен. Причем простой (те, что я видел были сложны).

  3. ainu Says:

    Замечательно, только было-бы неплохо, если результат ставился не только по нажатию Enter, но и стрелками вниз и вверх, как в таблицах Word или Navicat например.
    Вывод данных на сервер (вернее, подготовку) можно сделать так:
    var oldar=[];
    var cou=0;
    $(’.строка’).each(function (i) {
    cou++;
    newar[cou]=this.id.substr(4)
    });
    А затем конкатенатить всё это и засовывать в hidden.
    В любом случае спасибо, слежу за развитием событий=).

  4. ainu Says:

    И ещё раскрывающий список, если не выбрать другой пункт, он не исчезнет. Т.е. человек раскрыл список, посмотрел, ничего не хочет. Чтобы убрать редактирование, ему придутся сменить пункт а затем опять сменить на прежний.

  5. admin Says:

    @ainu:
    спасибо за советы и замечания, постараюсь пофиксить в ближайшее время :)

  6. ainu Says:

    А под какой лицензией Вы это ставите?
    Штука замечательная, хотя и поправить есть куда, и хотелось-бы поюзать.

  7. ainu Says:

    rowColorOdd: ‘#eeeeef’,
    rowColorEven: ‘#ffffff’,
    rowColorOn: ‘#FFAC7F’,
    rowColorOff: ”,
    rowColorEdit: ‘#FF7F7F’,
    };
    Последняя запятая не нужна, изза неё в IE проблемы.

  8. admin Says:

    @ainu:
    все бесплатно конечно же (GPL).
    Спасибо за замечание, поправим позже :)

  9. Srinath Says:

    Hey! This is exactly what i’ve been looking for in a long time. Any updates/ documentation for this? And if possible can you send me a working example to show how add/delete/update works?

    Thank you

  10. admin Says:

    @Srinath:
    Sorry, but this plugin is under development. It is not completed yet… :(

  11. Srinath Says:

    Thanks for the response. Can you please send me a working copy if possible. I’m working on something and this is the only perfect solution I’ve seen so far. And yes, credits will be provided to you :)

    Awaiting the release of this one for sure.

  12. Dellirium Says:

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

  13. Юрий Says:

    Отличная задумка.
    Есть возможность вывести себя на первые места, если реализовать еще вариант отображения деревом.
    Почти у всех отсутствует, а вещь необходимая.

Оставить комментарий

I'm not spammer :)

Внимание: Комментарии проходят ручную модерацию