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

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

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

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

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

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

  • Молодцом!

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

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

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

  • admin

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

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

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

  • admin

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

  • Srinath

    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

  • admin

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

  • Srinath

    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.

  • Dellirium

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

  • Юрий

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

  • michale

    Hi,
    have you ever get this Data Grid to work? or have a working version?

    thanks.

  • сергей

    а чего же так долго пишется уже года 3 прошло!!!!! а все в стадии разраотки!

  • Ridvan

    Hello,

    Is there any english information about this script, please let me know. And if you send an email to me about this topic, I will be really happy.

    Thanks

  • Roman

    Разработка плагина давно заброшена, извините, нету времени 🙁

  • take some good plugins at http://www.gojquery.com specially datagrid plugins