2014-10-17 2 views
0

Iam создание флажков через петлю (см. Рисунок).Как отключить функцию aui: checkbox label?

<%for(String s : mSeriesIDs_cfg) { %> 
<aui:input type="checkbox" name="checkboxGroup" label="<%=s%>" value="<%=GetterUtil.getString(portletPreferences.getValue(s, defaultSerieConfig))%>" /> 
<%} %> 

enter image description here

Флажки сам работает правильно, но если я нажимаю на этикетке (наименовании) флажок, то первый флажок активируется/деактивируется (на картинке, если я нажму на name 'Messreihe4', первый флажок изменится на непроверенный). Как я могу остановить функциональность этого?

+0

Это функциональность ярлыков. Вы можете объявить свой собственный тег, который не будет использовать метки, а что-то еще. Или удалите ярлык и добавьте этот текст рядом с вашим флажком. – Beri

+0

Я не думаю, что эти метки имеют функциональность в обычном режиме. Я не могу удалить тег метки, иначе aui автоматически берет имя в качестве метки, что было бы хуже. Я никогда не создавал собственный тег, насколько он сложный? – JeromeC

ответ

1

следовать этим:

(1) Создайте флажок с не этикетки.

(2) Добавить текст справа от флажка (в текстовом поле или иным образом)

(3) Теперь выравнивать их рядом друг с другом

(4) Это должно теперь удалить эту функцию.


(Обратите внимание, что это jsfiddle example, но подобный дизайн/реализация должна также работать на JSP)

так;

<input type="checkbox" /><a>Label 1</a> 
    ^     ^
     |      | 
    checkbox with no label  | 
          | 
       single label placed next to checkbox 
+0

Это работает, но не для aui-элементов. Я хотел бы остаться с этим, потому что я все делал с ним. Другой, non aui solutin:

JeromeC

+0

Почему он не работает на aui-элементах? –

0

@MrCoder: «AUI: ввод» необходимо имя тега, который автоматически ярлык, если не маркирующие не определен. я решил его с помощью вашего решения:

<%for(String s : mSeriesIDs_cfg) { %> 
    <table> 
     <tr> 
      <td> 
       <aui:input type="checkbox" name="checkboxGroup" label="" value="<%=GetterUtil.getString(portletPreferences.getValue(s, defaultSerieConfig))%>" /> 
      </td> 
      <td> 
       <%=s%> 
      </td> 
     </tr> 
    </table> 
<%} %> 

Я просто добавил маркирующие без содержания. Это не чистое решение, но оно работает лучше всего.

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