WebixTable- редактирование таблиц (всяких справочников и т.п.)

Часто приходится сталкиваться с задачей создания и редактирования всяких справочников. Делать это в дереве не всегда хочется, как правило там всего несколько текстовых полей, а записей таких может быть и не одна тысяча. Т.е. очевидный выход — создание отдельных таблиц под это дело.

Стала такая задача и передо мной, вернее переборол лень и наконец попытался ее решить с помощью подручных средств webix ui library и DocLister :)

Получилась вот такая красота с инлайн-редактированием, сортировкой, фильтрацией и пагинацией на стороне сервера.
joxi.ru/p27ZaNjC0RjjYm

Создаем в БД нужную таблицу (с тем же префиксом, что и все таблицы сайта). В настройках модуля пишем, как он будет называться, имя таблицы в БД (без префикса), перечисляем через запятую поля, которые хотим выводить, в другом поле через такую же запятую — как называть эти поля в нашей табличке в модуле (человекопонятно). Ну и указываем уникальное поле (обычно id, но лучше как-то назвать это поле по-другому, что-то webix со словом id не очень дружит — ну или я не понял как его подменить).

Исходники github.com/webber12/webixtable. Жду желающих потестировать.

13 комментариев

avatar
Hi there is an issue with the package (installer)

The path install/assets/modules/
github.com/webber12/webixtable/blob/master/install/modules/module.webixtable.tpl

should be under install/assets/modules/
avatar
Thank you, fixed :)
avatar
tested. works nice. just a suggestion: add support for textarea? (so you can edit content field)

испытания. работает хорошо. просто предложение: добавить поддержку textarea? (так что вы можете редактировать содержимое поля)
avatar
Good idea, try this fix — github.com/webber12/webixtable/commit/6c686327ef40c97f52958a2054f82de87575bfdf
This solution is not for editing big text data. The right way is to use it for different dictionaries like citi-list, region-list, bank-list etc, that contain not many text, but many items and shouldn`t be used in modx tree. But simetimes more convinient edit text not in text inputs.

screen — joxi.ru/MAjdELDHvJX54m

Добавил редактор в попапе. Данное решение в принципе не для редактирования большого текста, предназначается для различных справочников вроде «список городов», «список регионов», «список филиалов», банков и т.п. Но иногда и правда удобнее редактировать текст не в инпуте, а в поле чуть побольше :)
Комментарий отредактирован 2018-01-13 10:58:54 пользователем webber
avatar
i understand is not for manage content (was just a test), but is better now ;)
avatar
To manage content use my customtables, that includes improved cresource and modxAPI — github.com/webber12/customTables :) It works as with tree-resourses, as with customtable rows )
avatar
Тут недавно пробовали CustomTables в новых версиях MODx (1.3.6, что ли) — не работало там. Уже работает в новых версиях?

Colleagues recently tried CustomTables in new versions of MODx (1.3.6, that is) — did not work there. Already works in new versions?
avatar
У меня три сайта на 1.4.0b — везде работает. В 1.3.6 точно не помню, но вроде было на ней 2 сайта и тоже работало :)

Возможно что-то недонастроили или не обновили — т.к. для совместимости с новыми версиями было несколько доработок, которые можно увидеть на гитхабе.
Комментарий отредактирован 2018-01-14 18:02:22 пользователем webber
avatar
Отличный модуль. Но единственное, что не устраивало лично меня, допустим, в этом плагине от Nicola1971 — это возможность работать с большим количеством документов. И здесь я вижу тоже все данные берутся сразу. Но на сколько я понял (с Webix не работал раньше) server side режим тут тоже есть. Было бы не плохо его использовать.
Я на днях доделаю свой модуль на DataTables и DocLister и выложу, по сути всё также, кроме того что используется server side и отлично работает для 80тыс. документов, т.к. за раз берётся 25-50 документов из DocLister
avatar
В данном модуле и есть server side — как сами списки, так и их фильтрация, сортировка и т.п. С чего вы взяли, что тут данные берутся сразу? :)
Хотя и на ваш модуль взглянуть никто не откажется :)
avatar
Да, извиняюсь, уже нашёл!) Тогда в принципе всем меня устраивает, но и свой выложу, конечно)
avatar
yes, please post your own.
I think we have a lot of nice girls, but no one mix performance + good ui.

The best grid, for me, should have:
— Server side pagination
— inline editing (when is useful)
— evo UI

Webx is a really nice library but really hate the skins design

______________

да, пожалуйста, разместите свои собственные.
Я думаю, что у нас много хороших девушек, но никто не смешивает производительность + хороший ui.

Для меня лучшая сетка должна иметь:
— разбиение на страницы на стороне сервера
— встроенное редактирование (когда это полезно)
— evo UI

Webx — действительно хорошая библиотека, но очень ненавижу дизайн скинов
Комментарий отредактирован 2018-01-17 00:45:06 пользователем Nicola1971
avatar
I agree what about design and even tried to change some skin colors in my module to evo-colors. Blue, green, gray, table-zebra, cell-hover colors are from evolution skin :) But if anybody can redisign something else, i`d like to implement that elements.

Насчет дизайна согласен, не сильно вписывается, особенно в оригинале. Потому в данном модуле в том числе попытался часть цветов заменить на цвета из evo — синий, зеленый, серый в шапке, зебра в таблице и фон при наведении на ячейку взяты из дизайна evolution. Если кто-то из дизайнеров предложит свое видение, более близкое к оригинальной админке evo — можно попробовать внедрить :)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.