[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Создание списка выбора в красивом виде
sergeiss
Коллеги-программеры!

Задумался тут надо одной задачей... Пока не нашел путей решения.

Имеем: многострочный список выбора select, в каждой строке выводим несколько видов данных (условно назовем их "айди", "имя", "телефон").

Задача: нарисовать этот список так, чтобы он был в виде красивой сеточки, типа как Эксель (TStringGrid в C++Builder). Пробовал для начала сделать "моноширинный" шрифт, но при этом не выводятся "множественные" пробелы.

Вопрос: а как это сделать? Кто-нибудь пробовал?



Спустя 47 минут, 21 секунда (29.11.2009 - 14:30) glock18 написал(а):
что типа этого http://www.extjs.com/deploy/dev/examples/g...array-grid.html
?

вообще хотелось бы понять, чего конкретного от этого селекта ожидается. если не так много, то можно сделать фейк с использованием обычных li или/и div'ов или чего угодно другого. ну это естественно жс'ом только.

Спустя 42 минуты, 29 секунд (29.11.2009 - 15:12) sergeiss написал(а):
Да, что-то типа того, что показано по той ссылке... Чтобы можно было, как минимум, видеть, то выбрано, "прокручивать" кнопками клавиатуры, и выбирать хотя бы одну позицию, как простом селекте.
Пойду изучать эту ссылку...

А "фейл" можно сделать и с помощью таблицы (первая мысль была именно про таблицу). Поместить ее в контейнер с прокруткой... Вот только я пока не представляю, получится ли там сделать прокрутку кнопками ("стрелка вверх - стрелка вниз").

Спустя 31 минута, 27 секунд (29.11.2009 - 15:43) Michael написал(а):
Насчет пробелов то можно их все заменить в php на   - эти не пропадут.
Также распорки могут в данном случае пригодиться.

Спустя 45 минут, 30 секунд (29.11.2009 - 16:29) sergeiss написал(а):
Цитата (Michael @ 29.11.2009 - 16:43)
Насчет пробелов то можно их все заменить в php на   - эти не пропадут.

Про эти пробелы я не подумал... Проверил сейчас - в первом приближении то, что нужно. То есть, без написания большого количества кода я могу создать этот список в виде некоей таблицы smile.gif Надо только будет сделать функцию форматирования OPTION.

Насчет "распорок"... А куда их вставлять-то?

Спустя 5 минут, 3 секунды (29.11.2009 - 16:34) S{oRpiO написал(а):
мнемоники спец символов рулят =)

Спустя 1 час, 47 минут, 27 секунд (29.11.2009 - 18:21) Michael написал(а):
Цитата (sergeiss @ 29.11.2009 - 15:29)
Насчет "распорок"... А куда их вставлять-то?

Это я про грид, что glock18 показал. Шапку ведь и тело с прокруткой по отдельности придется верстать. А соответствие надо.

А для <select> конечно некуда вставлять.


Спустя 49 минут, 54 секунды (29.11.2009 - 19:11) glock18 написал(а):
Michael
там, у грида сама либа "распорки" как надо поставит. только как я понимаю, нужно что-то попроще здесь

Спустя 1 час, 31 минута, 2 секунды (29.11.2009 - 20:42) sergeiss написал(а):
Вот что сделал.
Использовал &nbsp; , сделал парочку функций... Теперь и заголовок появился для селекта, и сами строки отформатированные.
Для начала хватит и этого, а потом посмотрим.

Для изменения набора колонок достаточно внести изменения в одной функции.

Да, шрифт установил моноширинный.

PS. Спасибо всем, кто помог smile.gif


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.