2012-03-11 2 views
1

Я динамически генерирую сетку полей ввода из ввода в выпадающем меню. Однако я не могу добавить редактируемый пользователем текстовый ярлык для каждой строки, чтобы представить, что означает строка. Я также пытаюсь обозначить каждый столбец сетки 1 ... 5. Скрипка того, что у меня есть. http://jsfiddle.net/p_kish/qspzz/1/ В любом случае я пытаюсь испортить сетку.Как добавить пользовательскую текстовую метку для строки ввода текста

ответ

0

Просто добавьте дополнительный столбец и строку с надписями. После нажатия метки (похоже, вы используете jQuery, поэтому просто установите обработчик $("label").click(function(){...})), просто замените эту метку полем ввода, которое позволяет им редактировать метку. На blur замените input на номер label со значением от input.

+1

Это проблема. В коде im, не создавая строки и столбцы. Я создаю только последовательность текстовых входов в цикле for и помещаю в
, чтобы создать иллюзию, что это сетка. Я не знал другого способа сделать это. –

+0

Его проблема с форматированием в этот момент. Есть ли конкретная причина, по которой вы не используете таблицу? Таблицы не всегда «плохие». Они все еще предназначены для табличных данных (они просто «плохие», когда они используются для макета). Я бы рассмотрел эти табличные данные. Если вы действительно не хотите использовать таблицу, вы должны сделать метки и входы 'display: block' и поместить их влево. Затем сделайте каждую строку своим собственным div. Вы можете видеть, как это намного беспощадно. – nategood

+1

Да, я только что экспериментировал с помещением их в таблицы, когда я создаю текстовые поля, но из-за того, как я их создаю, сделать это не реально. Это плохо испортит макет. Я проверяю, будет ли проще помещать текстовые поля и метки в разные divs –

Смежные вопросы