| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Применение библиотек > Таблица с ресайзом/перемещением столбцов |
| Автор: Stampede 21.3.2007, 22:17 |
| Есть задача: разработать сабж. Если кто-то предложит что-то готовое, то будет, конечно, хорошо, но вообще-то я на это не сильно надеюсь. Практика показывает, что чужие решения не впмсываются в мою концепцию программирования на JavaScript. Так, я потыкал пару компонентов, http://www.activewidgets.com/grid/ и http://www.scbr.com/docs/products/dhtmlxGrid/index.shtml, и ни один меня не устроил. Поэтому склоняюсь к мысли, что придется писать что-то свое. Отсюда вопросы, как лучше сделать. У ActiveWidgets я подсмотрел такую вещь: заголовок столбца содержит прозрачный див, смещенный по горизонтали таким образом, что перекрывает границу двух соседних заголовков. По наведении мыши он меняет курсор на "ресайзер". Если теперь среагировать на onmousedown и отслеживать координаты мыши до момента отжатия кнопки, то будет нетрудно по ходу менять ширину столбца. Примерно так же можно реализовать перемещение столбцов. Вопрос: а может, можно все сделать как-то проще? Может, есть готовые вспомогательные либы? Сам я кроме prototype.js в клиенте практически ничего стороннего не использую. Может и зря. Предложения? |
| Автор: 12345c 21.3.2007, 23:33 |
| Ресайз столбцов здесь: http://js2.ru/example/zzzz49.htm . Ещё он есть в тулзах Yahoo. Про перестановку не знаю. |
| Автор: Stampede 21.3.2007, 23:53 |
Ага, спасибо, буду смотреть... Код, конечно, деревянный, но формулы пересчета координат вполне пригодятся. Еще будут предложения? |
| Автор: JSman 22.3.2007, 00:39 |
| перестановку я считаю что можно реализовать, если использовать табличку с дублирующими столбцами и тэги col с регулированием свойств display. |
| Автор: JSman 22.3.2007, 00:52 |
| td - ячейка, не столбик. а так решай сам. |