#asp.net #controls #position #tablecell
#asp.net #элементы управления #положение #tablecell
Вопрос:
В веб-форме есть таблица. В таблице 4 строки по 3 столбца в каждой. И несколько кнопок размещены в этих столбцах таблицы. Допустим, во время разработки кнопка btnSearch находится в 1-м столбце 2-й строки таблицы. Как я могу изменить расположение кнопок на 3-й столбец из 4-й строки?
Комментарии:
1. Есть ли обратная передача между этим перемещением? Или вы просто хотите переместить его в клиенте?
2. Нет, обратной записи нет. Это происходит при событии page_load. Мне просто нужно, чтобы клиент видел более аккуратно выровненные кнопки.
3. Как построена сетка? Не могли бы вы просто изменить это, я думаю, нам может понадобиться дополнительная информация о том, чего вы пытаетесь достичь здесь.
4. Вот ссылка на страницу: i.imgur.com/6Q9Sa.png При загрузке страницы, если тип пользователя равен 3, видны только кнопки ввода и пользователя. Но, как вы можете догадаться, после этого макет будет таким: i.imgur.com/YLfoC.png . Верхние кнопки не выровнены. Я хотел бы контролировать расположение этих кнопок, когда я контролирую их видимость. Вот и все.
Ответ №1:
Вероятно, самым простым способом было бы использовать jQuery. Например, скажем:
$('#tableDataToMoveTo').append( $('#btnSearch') );
Где tableDataToMoveTo — это идентификатор TD, в который вы хотите переместить свою кнопку.
Вы можете загрузить jquery и прочитать о его использовании по адресу jquery.com
Редактировать:
Поскольку речь идет о том, чтобы показывать конкретным пользователям разные кнопки, почему бы вам просто не использовать оператор if и не создавать достаточное количество tablerows только для конкретного пользователя? Вот так:
<% if (roleID == 1) {%> (htmlcode for roleid 1 buttons) <%}
else if (roleID == 2) { %> (htmlcode for roleid 2 buttons) <% } %>
Я надеюсь, вы понимаете, что я имею в виду.
Комментарии:
1. должен ли я помещать этот код только в код C #. Распознает ли c # этот запрос. Когда я пишу $, компилятор отказывается его распознавать. И как мне получить это «tableRowToMoveTo»? Как мне сказать ему переместить кнопку в определенный столбец таблицы?
2. Нет, вы этого не делаете. Это jQuery JavaScript. Вам нужно загрузить jQuery с www.jquery.com и поместите его в теги <script type=»text / javascript»>. #tableRowToMoveTo — это идентификатор тега tabledata, в который вы хотите переместить кнопку.
3. Большое вам спасибо, Андреас. Я ценю ваши усилия.
4. Нет проблем, хотя вот еще одна идея: почему бы вам просто не использовать таблицы для макета, вместо этого используя неупорядоченный список с заданной шириной и разместив кнопки в listitems? Таким образом, если есть только одна кнопка, она будет сверху. Надеюсь, это помогло, и удачи!